Latest web development tutorials
 

jQuery event.stopPropagation() Method

< jQuery Event Methods

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