Mientras creaba una extensión, una página web deshabilitó todos los eventListener y deshabilitó eventListener en mi extensión de prueba. Por ejemplo, cuando el listado de eventos parece,
element.addEventListener('click', (e) => { e.stopImmediatePropagation(); console.log('A click event fired.'); });pero la página web deshabilitó el detector de eventos (no puedo editar la página web). Como espero que Event.stopImmediatePropagation() se dispare en todos los detectores de eventos y evite que los detectores de eventos disparen eventos. Me gusta,
let element = document.querySelector('#test'); // From the webpage, element.addEventListener('click', (e) => { e.stopImmediatePropagation(); console.log('A click event fired.'); }); // From my test extension, //this event listener is stopped by e.stopImmediatePropagation(); element.addEventListener('click', (e) => { console.log('Extension is executed.'); }); <div id='test'> Click me </div>Y encontré una pregunta sobre cómo romper event.stopImmediatePropagation . Pero solo hay una solución para jQuery.
Quiero encontrar cómo romper stopimmediatepropagation solo con javascript. Cualquier comentario o respuesta sería apreciada.
Si esto realmente es para un evento de clic (o al menos un evento burbujeante), puede agregar un controlador de eventos de captura en el documento antes de que se ejecute cualquier secuencia de comandos. Esto asegurará que recibirá el evento.
let element = document.querySelector('#test'); // From the webpage, element.addEventListener('click', (e) => { e.stopImmediatePropagation(); console.log('A click event fired.'); }); // From your test extension, // make it run before the page's scripts // to be sure to also catch other "captured" events document.addEventListener('click', (e) => { if( e.composedPath().includes( element ) ) { // check that 'element' has really been clicked console.log('Extension is executed.'); } }, { capture: true }); // catch it in capture phase <div id='test'> Click me </div>