Is it possible to remove all event handlers of a given element in javascript?

Question

I would like to remove ALL handlers for a given event type. Let\'s say I\'ve added twice \"onclick event\" to a button and now I would like to return back to the original st

Answer 1

If you have only one child element under your element's parent (or if you don't mind all sibling's event handlers lost too):

elem.parentElement.innerHTML = elem.parentElement.innerHTML;

Tested in Chrome 49, FF 44, IE 11

It removes all 'addEventListener'-s.

Answer 2

It might be a good idea to use jQuery or a similar framework to manage all event handlers. This will give you easy-to-use, unobtrusive functions to add and remove event handlers:

$(...).on('click', function() { ... });
$(...).off('click');
// or, to unbind all events:
$(...).off();