Question

I have my own page where I load an external third-party JavaScript that analyzes my DOM. The problem I am facing is as follows. I install some event listeners (‘keypress’, ‘input’, ‘click’) but after I append mentioned script (and she performs some computation), some of my listeners are not working any more. To be precise, ‘click’ listener is intercepting click events as expected, but other two are not intercepting anything. Is there a way for that external script to interfere with my listeners?

Btw., I am setting useCapture to true when installing my listeners, like this:

document.addEventListener('input', function...., true);
...

I don’t have any other code to provide you with.

P.S. I am not able to play with the external code since it is obfuscated.
P.P.S. Installing the handlers again did not help.

Answer 1

It is possible, although quite unlikely, that the third-party code is capturing the event(s) before and and stopping it propagating (e.stopPropagation()). This would require the code attaching a listener to the same event on a parent element in the capturing phase.

Without more code to see, particularly this third-party code, it’s hard to find the actual problem.