how to stop bubbling in javascript
snippet in javascript

how to stop bubbling in javascript

user2729


  
    $("span").click(function(event){
  event.stopPropagation();
  alert("The span element was clicked.");
});

 $("p").click(function(event){
  alert("The p element was clicked.");

 });
$("div").click(function(){
  alert("The div element was clicked.");
}); 

how to prevent event capturing in javascript

user1194

how to prevent event button click capturing to tag/div/icon
easiest way OPTION 1 with CSS:
button > * {
  pointer-events: none;
}

OPTION 2 with javascript:
use e.currentTarget.children ;

OPTION 3 with Javascript:
use e.target.closest('selector') to locate the child, not e.currentTarget;