Wie kann ich Sie entfernen ein click-Ereignis eines Elements in Javascript?

Ich habe eine <div> element ein click-Ereignis angehängt, um es mit dem folgenden code:

var id = "someId";
var elem = document.getElementById("elemId");
elem.addEventListener("click", function() { someFunction(id); }, false);

Zu einem späteren Punkt, den ich kopieren Sie das element und fügen Sie es zu einem anderen Teil des DOM, sondern müssen zuerst den click Veranstaltung

var elem = document.getElementById("elemId");
elem.removeEventListener("click", ???? , false);

Ich bin mir nicht sicher, wie auf die Zuhörer, und bisher nichts, was ich versucht habe hat entfernt das Ereignis aus dem element.

Irgendwelche Ideen?

Cheers

Stewart

InformationsquelleAutor Stewart Alan | 2011-07-16
  1. 7

    Bewegen Sie den anonymen click-handler-Funktion aus der addEventListener nennen:

    var id = "someId";
var elem = document.getElementById("elemId");
var elemEventHandler = function() { someFunction(id); };
elem.addEventListener("click", elemEventHandler , false);

    nach, die Sie sollten in der Lage sein:

    var elem = document.getElementById("elemId");
elem.removeEventListener("click", elemEventHandler , false);
    • Die Schwierigkeit dabei ist, kann es mehrere Elemente mit diesem EventListener in den DOM zu jeder Zeit, jede mit Ihren eigenen id-Wert. Als solche kann ich nicht die Schaffung einer einzigen globalen elemEventHandler variable. Fügt den code die Ereignis-listener erfolgt in seiner eigenen Funktion, die die id übergeben wird in. Wie bekomme ich diese Runde?
    • Es ist durchaus möglich, auf den gleichen handler für eine Reihe von Elementen, und entfernen Sie die Referenz für einen von Ihnen. Ich habe gekocht, ein Beispiel in jsfiddle zu zeigen, dass: jsfiddle.net/KooiInc/qQv9K - in dem Sie können auch sehen, wie das abrufen der id des angeklickten Elements, by the way
    • danke. Sieht gut aus, hatte ein schnelles Spiel um und immer noch einige Probleme, aber manche setzen mehr Zeit in diesem später und aktualisieren den thread dann.
    • froh, dass ich helfen konnte. Ich habe eine alternative zu den jsfiddle, wo der handler Hinzugefügt wird als Eigenschaft auf das element selbst. So können Sie paremetrized handler-Funktionen pro element.
    • Danke, das paremetrized handler funktioniert wunderbar, außer natürlich, wenn ich Feuer bis IE8! Irgendwelche Ideen, wie ich das machen kann das cross-browser-kompatibel ist? Nur mit attachEvent statt addEventListener für den IE8 nicht Ergebnis in der Veranstaltung wird an das element.
    • Ok, ich habe schon fast es läuft im IE8 und aktuellen Browsern mit der überprüfung, ob der browser unterstützt addEventListener/removeEventListener und wenn nicht mit attachEvent/detachEvent. Dies funktioniert im IE8 für attachEvent, so elem.attachEvent('onclick', elem.clickHandler), basierend auf deinem Beispiel funktioniert einwandfrei. Aber ich kann nicht, dann detatch die Veranstaltung mit elem.detatchEvent('onclick', elem.clickHandler || clickHandler)
    • Versuchen Sie, das hantieren mit diesem? jsfiddle.net/KooiInc/fsMya

    InformationsquelleAutor KooiInc
Schreibe einen Kommentar