¿Cómo agrego y elimino un detector de eventos usando una función con parámetros?

Question

Lo siento si esta es una pregunta común, pero no pude encontrar ninguna respuesta que pareciera pertinente mediante la búsqueda.

Si hay que adjuntar un detector de eventos como éste:

window.addEventListener('scroll', function() { check_pos(box); }, false); 

no parece trabajar para tratar de quitarlo más adelante, así:

window.removeEventListener('scroll', function() { check_pos(box); }, false); 

Supongo que esto se debe a la Los métodos addEventListener y removeEventListener quieren una referencia a la misma función, mientras les proporciono funciones anónimas que, aunque son idénticas en el código, no son literalmente las mismas.

¿Cómo puedo cambiar mi código para llamar al removeEventListener para trabajar? El argumento "caja" se refiere al nombre de un que estoy rastreando en la pantalla; es decir, quiero suscribirme al evento scroll una vez por cada que tengo (la cantidad varía), y una vez que la función check_pos() mide una posición determinada, llamará a otra función y también eliminará el detector de eventos para liberarlo hasta los recursos del sistema.

Mi corazonada es que la solución implicará un cierre y/o denominación de la función anónima, pero no estoy seguro exactamente de qué se trata, y agradecería un ejemplo concreto.

Espero que tenga sentido. ¡Gracias por cualquier ayuda!

Answer 1

¿Ha intentado mantener una referencia a la función anónima (como sugirió)?

Así:

var listener = function() { 
    check_pos(box); 
}; 

window.addEventListener('scroll', listener, false); 
... 
window.removeEventListener('scroll', listener, false); 

documentos de Mozilla suggest la misma cosa.

Answer 2

var listener; 

listener = function(){ 

if(window.target != anotherEvent.target) 
{ 
    ...CODE where 

    window.removeEventListener('click', listener , false); 

}; 

window.addEventListener('click', listener ,false);