Verhalten von removeEventListener

Question

Bitte den Code unten überprüfen,

var clickfn = function(){ 
alert("clicked");      
} 
document.getElementById("div1").addEventListener("click",clickfn,true); 
clickfn = function(){ }; 
document.getElementById("div1").removeEventListener("click"); 

http://jsfiddle.net/qUtzL/4/

Warum die removeEventListener funktioniert nicht?

Danke!

Answer 1

braucht 2 Parameter, das Ereignis und die zu entfernende Funktion.
Dies sollte funktionieren:

document.getElementById("div1").removeEventListener("click", clickfn); 

---

Auch die Funktion, die Sie ausführen leer.

var clickfn = function(){ }; 

Answer 2

Sie haben die genaue Funktion zu spezifizieren, die Sie addEventListener als zweites Argument angegeben haben. Wenn Sie das dritte Argument useCapture angegeben haben, müssen Sie dasselbe und das Äquivalent zu angeben.

Zum Beispiel:

function myFunc(event){ alert(event.target.textContent); } 

var myElement=document.getElementById('myElement'); 

//Add EventListener 
myElement.addEventListener('click', myFunc, false); 

/* ... */ 

//Remove EventListener 
myElement.removeEventListener('click', myFunc, false); 

↪ View an example at jsFiddle

Sie können weitere Informationen auf der Mozilla Developer wiki finden.