Removing an anonymous event listener

Question

Is there anyway to remove an event listener added like this:

element.addEventListener(event, function(){/* do work here */}, false); 

Without replacing the element?

Answer 1

There is no way to cleanly remove an event handler unless you stored a reference to the event handler at creation.

I will generally add these to the main object on that page, then you can iterate and cleanly dispose of them when done with that object.

Answer 2

You could remove the event listener like this:

element.addEventListener("click", function clicked() {     element.removeEventListener("click", clicked, false); }, false);