function doSomethingWith(param)
{
document.body.addEventListener(
'scroll',
function()
{
document.write(param);
},
false
); // An event that I want to remove later
}
setTimeout(
function()
{
document.body.removeEventListener('scroll', HANDLER ,false);
// What HANDLER should I specify to remove the anonymous handler above?
},
3000
);
doSomethingWith('Test. ');
88
Jawaban:
Tidak boleh. Anda harus menggunakan fungsi bernama atau menyimpan referensi entah bagaimana caranya.
var handler; function doSomethingWith(param) { handler = function(){ document.write(param); }; document.body.addEventListener('scroll', handler,false); } setTimeout(function() { document.body.removeEventListener('scroll', handler ,false); }, 3000);
Yang terbaik adalah melakukan ini dengan cara yang terstruktur, sehingga Anda dapat mengidentifikasi penangan yang berbeda dan menghapusnya. Dalam contoh di atas, Anda jelas hanya dapat menghapus penangan terakhir.
Memperbarui:
Anda bisa membuat penangan penangan Anda sendiri (:)):
var Handler = (function(){ var i = 1, listeners = {}; return { addListener: function(element, event, handler, capture) { element.addEventListener(event, handler, capture); listeners[i] = {element: element, event: event, handler: handler, capture: capture}; return i++; }, removeListener: function(id) { if(id in listeners) { var h = listeners[id]; h.element.removeEventListener(h.event, h.handler, h.capture); delete listeners[id]; } } }; }());
Kemudian Anda dapat menggunakannya dengan:
function doSomethingWith(param) { return Handler.addListener(document.body, 'scroll', function() { document.write(param); }, false); } var handler = doSomethingWith('Test. '); setTimeout(function() { Handler.removeListener(handler); }, 3000);
DEMO
sumber
i
danlisteners
"pribadi".Anda tidak bisa, Anda memerlukan referensi ke fungsinya:
function doSomethingWith(param) { var fn = function(){ document.write(param); }; document.body.addEventListener('scroll', fn, false); setTimeout(function(){ document.body.removeEventListener('scroll', fn, false); }, 3000); } doSomethingWith('Test. ');
sumber
var fn = function(event){ document.write(param); };
Anda juga bisa melakukan ini seperti itu:
const ownAddEventListener = (scope, type, handler, capture) => { scope.addEventListener(type, handler, capture); return () => { scope.removeEventListener(type, handler, capture); } }
Kemudian Anda bisa menghapus event listener seperti ini:
// Add event listener const disposer = ownAddEventListener(document.body, 'scroll', () => { // do something }, false); // Remove event listener disposer();
sumber
const disposerFn = () => { scope.removeEventListener(type, handler, capture); }
disposerFn.type = type;
return disposerFn;
jika Anda tidak harus mendukung IE, Anda dapat menggunakan opsi sekali
[Element].addEventListener('click', () => {...}, { capture: false, once: true });
sumber