Come aggiungere e rimuovere un listener di eventi utilizzando una funzione con parametri?

Question

Scusate se questa è una domanda comune, ma non sono riuscito a trovare alcuna risposta che sembrava pertinente tramite la ricerca.

Se io attribuisco un listener di eventi come questo:

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

non sembra di lavorare per cercare di rimuoverlo dopo, in questo modo:

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

Presumo che ciò è perché il I metodi addEventListener e removeEventListener vogliono un riferimento alla stessa funzione, mentre io ho fornito loro funzioni anonime, che, sebbene identiche nel codice, non sono letteralmente uguali.

Come posso modificare il mio codice per far funzionare la chiamata a removeEventListener? L'argomento "box" si riferisce al nome di uno che sto monitorando sullo schermo; cioè, voglio essere in grado di sottoscrivere l'evento scroll una volta per ogni che ho (la quantità varia), e una volta che la funzione check_pos() misura una determinata posizione, chiamerà un'altra funzione e rimuoverà il listener di eventi a free risorse di sistema.

La mia impressione è che la soluzione comporterà una chiusura e/o la denominazione della funzione anonima, ma non sono sicuro di cosa sia esattamente l'aspetto e apprezzerei un esempio concreto.

Spero che abbia senso. Grazie per qualsiasi aiuto!

Answer 1

Hai provato a mantenere un riferimento alla funzione anonima (come hai suggerito)?

Quindi:

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

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

documenti di Mozilla suggest la stessa cosa.

Answer 2

var listener; 

listener = function(){ 

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

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

}; 

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