jQuery event.stopPropagation() Method
jQuery Event MethodsExample
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 |
