jQuery event.isPropagationStopped() Method
Last Updated :
11 Jan, 2024
Improve
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.
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</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.
<!DOCTYPE html>
<html>
<head>
<title>
event.isPropagationStopped method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</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:
