JSFiddle - React, Tailwind, and code Playground

by Dave Salomon

HTML

<div id="myDiv">
    <button id="myButton">My Button</button>
</div>
<hr/>
<div id="myDiv2">
    <button id="myButton2">My Button</button>
</div>

JavaScript

// Allow propogation
$('#myDiv').click(function(){
   alert('myDiv click handler 1 fired'); 
});
$('#myDiv').click(function(){
   alert('myDiv click handler 2 fired'); 
});
$('#myButton').click(function(){
    alert('myButton click handler fired');
});

// Stop propogation
$('#myDiv2').click(function(){
   alert('myDiv2 click handler 1 fired'); 
   e.stopImmediatePropagation();
});
$('#myDiv2').click(function(){
   alert('myDiv2 click handler 2 fired'); 
});
$('#myButton2').click(function(e){
    alert('myButton2 click handler 1 fired');
});