jQuery event.isPropagationStopped() Method
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="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.
HTML
<!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:
Contact Us