can I programmatically examine and modify Javascript event handlers on html elements?

Question

I am doing browser automation using C#, and I would like to modify or possibly just eliminate event handlers on some of the html elements in webpages that I am looking at. E

Answer 1

Replacing element with its own clone should effectively discard all of its event listeners (well, technically listeners are still on an element, but since an element is replaced with its own clone, it looks as if listeners were simply removed):

el.parentNode.replaceChild(el.cloneNode(true), el);

Unfortunately, this won't work in IE, since IE erroneously transfers event listeners of an element on clone. To work around that you can reassign innerHTML of element's parentNode:

el.parentNode.innerHTML = el.parentNode.innerHTML;

Note that this will not only remove event listeners of an element, but also listeners of all of element's siblings.

Alternatively, you can work around IE issue by reassigning outerHTML of an element:

el.outerHTML = el.outerHTML;