jQuery event.isDefaultPrevented() Method (original) (raw)

Last Updated : 11 Jan, 2024

**jQuery **isDefaultPrevented() Method is an inbuilt method that checks whether the preventDefault() method was called for the event. This method returns a boolean value. It returns True if preventDefault() is called on the event, False otherwise.

**Syntax:

event.isDefaultPrevented()

**Parameters:

It accepts a single parameter **event that comes from the event binding function.

**Example 1: This example checks isPreventDefault() Method called on the event or not.

HTML `

<script src=

"" title="undefined" rel="noopener noreferrer">https://code.jquery.com/jquery-3.3.1.min.js">

<div id="initial"></div>
<div id="prevented"></div>
<div id="response"></div>

<!-- Script to check preventDefault() Method called or not -->
<script>
    $("a").click(function (event) {

        $("#initial").html("Before: isDefaultPrevented? <strong>"
            + event.isDefaultPrevented() + "</strong>");

        event.preventDefault();

        $("#prevented").html("preventDefault() is called now.");

        $("#response").html("So, you are not going anywhere."
            + " isDefaultPrevented? <strong>"
            + event.isDefaultPrevented() + "</strong>");
    });
</script>

`

**Output:

**Note: The bold text ****(true/false)** is the value of **isDefaultPrevented() method.

**Example 2: This example check isDefaultPrevented() method prevent default action or not.

HTML `

<script src="https://code.jquery.com/jquery-3.3.1.min.js">
</script>

<div id="initial"></div>
<div id="prevented"></div>
<div id="response"></div>

<!-- Script to check preventDefault() Method called or not -->
<script>
    $("a").click(function (event) {

        $("#initial").html("Before: isDefaultPrevented? <strong>"
            + event.isDefaultPrevented() + "</strong>");

        event.preventDefault();

        $("#prevented").html("preventDefault() is called now.");

        $("#response").html("So, you are not going anywhere."
            + " isDefaultPrevented? <strong>"
            + event.isDefaultPrevented() + "</strong>");
    });
</script>

<form action="action.php">
    Input:<br>
    <input type="text" name="input_1">
    <button type="submit">Submit</button>
</form>

<!-- Script to describe isDefaultPrevented() Method -->
<script>
    $("button").click(function (event) {
        if (event.isDefaultPrevented())
            alert('Default action was prevented');
        else
            alert('Click Ok');

        event.preventDefault();

        if (event.isDefaultPrevented())
            alert('Default action was prevented');
        else
            alert('Click Ok');
    });
</script>

`

**Output: