Javascript: удаление анонимного прослушивателю событий

Question

Можно создать дубликат:
Removing an anonymous event listener

У меня есть следующий перекрестная функция браузера, чтобы добавить слушатель событий:

_SU3.addEventListener = function(elem, eventName, fn) { 
if(elem.addEventListener) { 
    elem.addEventListener(eventName, fn, false); 
    } else if (elem.attachEvent) { 
     elem.attachEvent('on'+eventName, fn); 
    } 
}; 

Я m добавление слушателя следующим образом:

_SU3.addEventListener(_show, "click", function(event) { 
          _SU3.getChildren(_show, uri, element); 
        }); 

Все в порядке. Однако я хочу удалить слушателя после того, как он был вызван один раз. I.e что-то вроде:

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

... blah... 

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

}; 

Но, конечно, функция прослушивателя анонимна, поэтому нет ссылки на функцию для ссылки.

Как удалить слушателя?

Thanks

Answer 1

Вам необходимо сохранить ссылку на функцию:

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); 

}; 

Убедитесь, что переменная foo находится в области видимости, где вы удалите прослушиватель событий.

Answer 2

Вы не можете. Если вы хотите удалить его, вы должны сохранить ссылку на него. Как еще вы могли бы отличить его от других?

Answer 3

Вместо удаления слушателя событий, организовать для того, чтобы следить за это ли он называется:

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); 
    } 
}; 

Это вариация на оригинальную функцию только оборачивает оригинальный обработчик (далее «Fn», переданный в) с функцией, которая только вызывает обработчик при первом вызове. После этого он устанавливает флаг и больше не будет вызывать функцию исходного обработчика.

Answer 4

Если у вас есть только одно событие щелчка, назначенное в любой момент времени для элемента, почему бы не установить свойство onclick? Вы можете удалить его в любое время с помощью element.onclick = '';