jQuery event.isPropagationStopped() Method
Last Updated :
11 Jan, 2024
jQuery event.isPropagationStopped() Method is used to check whether the object event.stopPropagation() is called or not. If event.stopPropagation() is called then it returns true otherwise returns false.Â
Syntax:
event.isPropagationStopped()
Parameters:
It contains a single parameter event which is mandatory. This parameter comes from the event binding function.Â
Example 1: This example uses event.isPropagationStopped() method to check event.stopPropagation() is called or not.Â
HTML
<!DOCTYPE html>
< html >
< head >
< script src =
</ script >
< script >
$(document).ready(function () {
$("button").click(function (event) {
event.stopPropagation();
alert("Is event.stopPropagation() called: "
+ event.isPropagationStopped());
});
});
</ script >
</ head >
< body >
< h1 >
jQuery event.isPropagationStopped() Method
</ h1 >
< p >
click on button to check if the
event.stopPropagation() is called.
</ p >
< button >Check</ button >
</ body >
</ html >
|
Output:
Example 2: This example uses event.isPropagationStopped() method to check event.stopPropagation() is called or not.Â
HTML
<!DOCTYPE html>
< html >
< head >
< title >
event.isPropagationStopped method
</ title >
< script src =
</ script >
</ head >
< body >
< h1 >
jQuery event.isPropagationStopped() Method
</ h1 >
< p >
click on button to check if the
event.stopPropagation() is called.
</ p >
< button >Check</ button >
< div id = "GFG" ></ div >
< script >
function propStopped(event) {
let message = "";
if (event.isPropagationStopped()) {
message = "True";
}
else {
message = "False";
}
$("#GFG").append("< div >" + message + "</ div >");
}
$("button").click(function (event) {
propStopped(event);
propStopped(event);
event.stopPropagation();
propStopped(event);
});
</ script >
</ body >
</ html >
|
Output:
Share your thoughts in the comments
Please Login to comment...