JavaScript: ¿elimina un detector de eventos de ese oyente?

Question

Siempre me he preguntado qué tan limpio es ese enfoque: eliminar un oyente de eventos de ese mismo oyente.

ACTUALIZACIÓN:

Internamente guardo un hash de los objetos y los oyentes, por lo que potencialmente puede quitar detector de eventos desde cualquier lugar. Solo me preocupa eliminarlo de su interior. ¿Tal acción realmente hará un trabajo?

ACTUALIZACIÓN

estoy preguntando por addEventListener, removeEventListener cosas.

Answer 1

Usted podría intentar algo como esto, dependiendo de cómo se llama:

some_div.onclick = function() { 
    ... 
    this.onclick = null; 
    // or: some_div.onclick = null; 
}; 

O es evento oyentes está preocupado con? Porque esos son un poco más complicados.

Answer 2

Si usa jQuery, probablemente tenga algunos métodos de conveniencia expuestos para interactuar con los manejadores de eventos - vea bind()/unbind(), delegate()/undelegate(), one(), y similar methods.

No tengo mucha experiencia con otros frameworks, pero me imagino que ofrecen una funcionalidad similar. Si no está utilizando ningún framework, @sdleihssirhc tiene una respuesta aceptable.

EDITAR: Ah, quizás estás buscando algo más como addEventListener() y removeEventListener(). Una vez más, un marco ofrecerá cierta comodidad para sus interacciones y le ahorrará la molestia de reinventar la rueda en algunos casos.

Answer 3

Acabo de ver esto porque me preguntaba el exacta misma pregunta!

arguments.callee es su amigo ...

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope/arguments/callee

por lo que tendría

blah.addEventListener('click',function(e){ 
    e.source.removeEventListener('click', arguments.callee); 
    blee bloo bleep 
}); 

esto funciona en Appcelerator, por lo que debe trabajo en javascript también (porque son lo mismo)

NB NO agregue () a th e final de arguments.callee en este ejemplo, a menos que desee ver ... bah dum tish!.

De hecho, si usted no desea utilizar arguments.callee, esto también podría funcionar (no probado):

blah.addEventListener('click', anyThingYouWantHere : function(e){ 
    e.source.removeEventListener('click', anyThingYouWantHere); 
    blee bloo bleep 
}); 

Donde "anythingYouWantHere" es cualquier nombre de variable desea que estés ~ efectivamente "nombrar" la función a medida que la agrega.