jQuery event.isPropagationStopped() Method
The 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 single parameter event which is mandatory. This parameter comes from 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) { var msg = ""; if (event.isPropagationStopped()) { msg = "True"; } else { msg = "False"; } $("#GFG").append("<div>" + msg + "</div>"); } $("button").click(function (event) { propStopped(event); propStopped(event); event.stopPropagation(); propStopped(event); }); </script> </body> </html> |
Output:
Please Login to comment...