Skip to content
Related Articles

Related Articles

jQuery event.isPropagationStopped() Method

Improve Article
Save Article
  • Last Updated : 17 Nov, 2022
Improve Article
Save Article

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:

 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!