Come rimuovere un listener di eventi in javascript?

Question

Mi chiedo come posso rimuovere un listener di eventi dopo averne aggiunto uno, il modo in cui si usa e si interrompe in jquery?

document.removeEventListener('touchstart'); 
document.addEventListener('touchstart', function (e) { 
    closePopupOnClick(e, popup); 
}); 

ma questo in realtà non rimuove il listener di eventi. Se inserisco il codice addEventListener in una funzione e trasferisco la funzione nel removeEventListener, non funzionerà bc, non è possibile passare parametri nella funzione. Qualcuno sa come fare questo?

Answer 1

Mettere l'ascoltatore come una variabile e collegare tramite .addEventListener

var myListener = function (e) { 
    closePopupOnClick(e, popup); 
}; 
document.addEventListener('touchstart', myListener, true); 

poi passarlo di nuovo quando si rimuove con .removeEventListener

document.removeEventListener('touchstart', myListener); 

---

Se siete non in modalità rigorosa voi può far sì che un ascoltatore si rimuova con arguments.callee

document.addEventListener('touchstart', function (e) { 
    closePopupOnClick(e, popup); 
    document.removeEventListener('touchstart', arguments.callee); 
}, true); 

Se si è in modalità rigorosa, è necessario utilizzare un chiamato funzione di espressione se si desidera una funzione per rimuovere se stesso

document.addEventListener('touchstart', function myListener(e) { 
    closePopupOnClick(e, popup); 
    document.removeEventListener('touchstart', myListener); 
}, true); 

---

Se si desidera utilizzare le variabili in chi ascolta che può essere cambiato da qualcosa (es un ciclo), quindi è possibile scrivere una funzione generatore, per esempio

function listenerGenerator(popup) { 
    return function (e) { 
     closePopupOnClick(e, popup); 
    }; 
} 

Ora è possibile creare l'ascoltatore con listenerGenerator(popup) e sarà portata variabile popup. Si noti che se popup è un, sarà ByRef e pertanto potrebbe essere soggetto a modifiche.