/Html/Stopimmediatepropagation vs stoppropagation

Stopimmediatepropagation vs stoppropagation

<!---- stopImmediatePropagation() vs stopPropagation() ----------------->

`stopPropagation` allows other event handlers on the SAME ELEMENT 
on the SAME EVENT to be executed, while `stopImmediatePropagation`
prevents this.

<script>
el.addEventListener( "click", e => e.stopImmediatePropagation() )
el.addEventListener( "click", e => console.log("This will not run.") )
</script>

<!----------------- stopImmediatePropagation() vs stopPropagation() ---->

<!-- index.html -->

<div id="credit">Procrastination for Dummies</div> 
Copy code
JAVASCRIPT
/* script.js */

const credit = document.querySelector("#credit");

credit.addEventListener("click", function(event) {
  console.log("Nah, I'll do it later");
});

credit.addEventListener("click", function(event) {
  console.log("I WILL do it tomorrow");
  event.stopImmediatePropagation();
});

credit.addEventListener("click", function(event) {
  console.log("Why do I have so much work piled up?!");
});

/* Clicking on the div block will print to the console:

  Nah, I'll do it later
  I WILL do it tomorrow

*/

Source: practicum.yandex.com

Similar codes

0 vote301 views2 answers
How over mouse play video hml
Html
0 vote261 views1 answer
HOW TO SHOW A ERROR MESSAGE TO USERS IN HTML ON WEBSITE
Html
0 vote294 views1 answer
Input type text inside select option
Html
0 vote284 views1 answer
Pills vertically with content on right
Html
6 votes299 views2 answers
Property 'on' does not exist on type 'HTMLElement'.
Html
21 votes314 views5 answers
Linear gradient with image
Html
0 vote276 views1 answer
Html video repeating
Html
0 vote279 views1 answer
Django base html
Html
5 votes281 views2 answers
Selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 81
Html
0 vote304 views2 answers
Show title combox check box wpf
Html