jQuery | event.isPropagationStopped() Method
The event.isPropagationStopped() Method in jQuery 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.
<!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:
- Before Clicking the button:
- After Clicking the button:
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= </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:
- Before Clicking the button:
- After Clicking the button:
.png)
