Skip to content
Related Articles

Related Articles

jQuery | event.isPropagationStopped() Method
  • Last Updated : 28 Mar, 2019

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:

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.

My Personal Notes arrow_drop_up
Recommended Articles
Page :