how to add and remove event listener javascript code example

Example 1: javascript remove event listener

var someEventHander=function(event){
	console.log("do something");
}

//add listener
document.getElementById("someid").addEventListener('click',someEventHander);

//remove listener 
document.getElementById("someid").removeEventListener('click',someEventHander);

Example 2: removeeventlistener

//                             type         function
element.removeEventListener("mousedown", handleMouseDown)
// full type list available here: https://developer.mozilla.org/en-US/docs/Web/Events

Example 3: javascript remove event listener not working

var someEventHander=function(){
	console.log("do something");
}
var handlerCopy=someEventHandler.bind(var1,var2)
//add listener
document.getElementById("someid").addEventListener('click',handlerCopy,true);
//remove listener 
document.getElementById("someid").removeEventListener('click',handlerCopy,true);

Tags:

Java Example