removeEventListener without reference to event handler

Question

I want to know if it is possible to remove an event listener without a reference to the event handler function that should be removed.

Jquery's $().unbind('touchmove') will not work because the event listener was added using Javascript's addEventListener('touchmove', handlerFunction), not Jquery's bind function.

removeEventListener('touchmove') does not seem to work, which is consistent with the Javascript function spec.

http://stackoverflow.com/questions/5825493/removeeventlistener-is-not-working Check the last answer, that maybe helps you — Chris, Aug 22 '12 at 18:01
http://stackoverflow.com/questions/5296858/is-there-a-way-to-get-all-event-listener-bindings-in-javascript — David Hellsing, Aug 22 '12 at 18:17

score 0 · Answer 1 · answered Mar 14 '19 at 06:19

You can get all event listeners for a DOM element and remove one/all:

var eventlistener = getEventListeners(window)["DOMContentLoaded"][index];
window.removeEventListener("DOMContentLoaded", eventlistener.listener, eventlistener.useCapture);

Taken from this answer: https://stackoverflow.com/a/26845805/712700

score -2 · Answer 2 · answered Aug 30 '12 at 22:00

-2

You should always add events to a specific object so you can access them later, try this.

to add:

window.addEventHandler( 'touchmove', function );

to remove:

window.removeEventListener( 'touchmove', function );

answered Aug 30 '12 at 22:00

Joel

1,309
2
10
20

removeEventListener without reference to event handler

2 Answers2