Open In App

jQuery event.isPropagationStopped() Method

Improve
Improve
Like Article
Like
Save
Share
Report

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=
    </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) {
            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:



Last Updated : 11 Jan, 2024
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads