[removed] removing an anonymous event listener [duplicate]

Answer 1

If you only have one click event assigned at any one time to an element, why not set the onclick property? You can remove it anytime with element.onclick='';

Answer 2

You need to keep a reference to the function:

var foo = function(event) { _SU3.getChildren(_show, uri, element); };

_SU3.addEventListener(_show, "click",  foo);

...

_SU3.getChildren = function(_show, url, element) {

... blah... 

_SU3.removeEventListener(_show, 'click', foo);

};

Make sure that the variable foo is in the scope of where you remove the event listener.

Answer 3

Instead of removing the event listener, arrange for it to keep track of whether it's been called:

addOneShotListener = function(elem, eventName, fn) {
  var triggered = false, handler = function(ev) {
    if (triggered) return;
    fn(ev);
    triggered = true;
  };

  if(elem.addEventListener ) {
    elem.addEventListener(eventName, handler, false);
  } else if (elem.attachEvent) {
    elem.attachEvent('on'+eventName, handler);
  } 
};

That variation on your original function just wraps the original handler (the "fn" passed in) with a function that only calls the handler the first time it is invoked. After that, it sets a flag and won't ever call the original handler function again.

Answer 4

You can't. If you want to remove it, you have to store a reference to it. How else would you be able to distinguish it from the others?