jQuery event.stopPropagation() Method

Example

Stop the click event from bubbling to parent elements:

$("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.");
});

Try it Yourself »

Definition and Usage

The event.stopPropagation() method stops the bubbling of an event to parent elements, preventing any parent event handlers from being executed.

Tip: Use the event.isPropagationStopped() method to check whether this method was called for the event.

Syntax

event.stopPropagation()

Parameter	Description
event	Required. The event parameter comes from the event binding function

❮ jQuery Event Methods