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