Kann nicht passieren, Veranstaltung addEventListener: Verschluss Problem

This one ' s driving me crazy... ich habe eine Schleife, die fügt einen Ereignis-listener für ein SVG-Objekt. Das Objekt ist, für die Zwecke der Beweisführung, ein kleiner Kreis, und ich muss hinzufügen, mouseover-und mouseout-events für jede der 10 Kreise.

Mein erstes problem ist das standard-Verschluss-Umfang der Sache - denn alle Listener Hinzugefügt werden, in der gleichen Schleife, Sie alle sehen die gleichen ungültigen Wert der schleifenvariablen. Kann ich dieses Problem beheben, denke ich, aber das zweite problem ist, dass ich zu Durchlaufen haben, 'Ereignis', um den Hörer, und ich kann nicht finden, jeder Weg, um zu beheben diese Probleme gleichzeitig.

Habe ich versucht, verschiedene Versionen von diesem:

for(month = 0; month < nMonths; month++) {
   ...
   shape.addEventListener(
     "mouseover", 
     (function(event, index) { popup_on(event, foo, index); })(event, month),
     false);
   group.appendChild(shape);
}

Diese spezielle version gibt mir '- Ereignis nicht definiert'. popup_on ist der eigentliche handler, und muss event und der aktuelle Wert von month. Irgendeine Idee, wie ich dies tun sollte? Danke.

InformationsquelleAutor EML | 2012-01-03
  1. 18

    Wird die Veranstaltung an Ihre Funktion übergebenen automatisch—nur ist es das erste argument an die Funktion übergeben addEventListener. Auch ist false der Standardwert für das capture-parameter.

    (function() {
    var i = month;
    shape.addEventListener("mouseover", function(e) { popup_on(e, foo, i); });
})();

    Auch, Sie sind ok mit foo geschlossen über in Ihrem Ereignis-callback? Wenn nicht, könnten Sie das gleiche tun mit ihm

    (function() {
    var i = month;
    var f = foo;
    shape.addEventListener("mouseover", function(e) { popup_on(e, f, i); });
})();

    Und wenn alle diese lokalen Variablen sind immer ärgerlich, können Sie diese Parameter, um vielleicht die Dinge ein bisschen mehr aufgeräumt

    (function(i, f) {
    shape.addEventListener("mouseover", function(e) { popup_on(e, f, i); });
})(month, foo);
    • Sorry, so dumm, aber wo kann ich eigentlich diese Funktion? 'Form' wird erzeugt in einer Schleife, vielleicht 10 oder 20 mal mehr, und jede neue Instanz von 'Form' (aus 'createElementNS') hat einen handler angefügt ist. So scheint es nicht zu sein, überall, wo ich dieses anonyme Funktion, in der der aktuelle 'Form' ist in Zusammenhang? Angesichts dieser, kann ich nicht haben, um alles in die 'addEventListener' sich selbst aufrufen? Das, denke ich, lässt sich das problem, wie bekomme ich die beiden 'e' und 'Monat' in als params...?
    • Ich denke, dass ich den code oben funktionieren. Jedes mal die Form neu erstellt wird, setzen Sie einfach den obigen code dort zum hinzufügen von Ereignis-listener, um die jeweilige Instanz.
    • Genial - das war es. Danke.
    InformationsquelleAutor Adam Rackis
Schreibe einen Kommentar