jQuery event.isPropagationStopped() Method

Last Updated : 11 Jan, 2024

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=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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>