event.stopPropagation()
Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.
.event.stopPropagation()🡢 undefined
We can use event.isPropagationStopped()
to determine if this method was ever called (on that event object).
This method works for custom events triggered with trigger() as well.
Note that this will not prevent other handlers on the same element from running.
Kill the bubbling on the click event.
HTML
$("p").click(function (event) {
event.stopPropagation();
// Do something
});
DEMO