Open In App

HTML | defaultPrevented Event Property

Improve
Improve
Like Article
Like
Save
Share
Report

The defaultPrevented event property is used for checking whether the preventDefault() method was called for the event or not. 

Return Values: The defaultPrevented event property returns true if the preventDefault() method was called for the event, else it returns false

Syntax :

event.defaultPrevented

The below program illustrates the defaultPrevented event property.

Example 1: Checking if preventDefault() was called or not. 

html




<!DOCTYPE html>
<html>
<head>
    <title>defaultPrevented Event Property in HTML</title>
    <style>
        h1 {
            color: green;
        }
 
        h2 {
            font-family: Impact;
        }
 
        body {
            text-align: center;
        }
    </style>
</head>
 
<body onclick="MyEvent(event)">
 
    <h1>GeeksforGeeks</h1>
    <h2>defaultPrevented Event Property</h2>
 
    <a id="mylink" href="https://www.geeksforgeeks.org">
        Geeksforgeeks
    </a>
 
    <p>To receive an alert box with the element
        whose eventlistener triggered the event,
        Click on this line.
    </p>
 
    <script>
        document.getElementById("mylink").addEventListener(
            "click", function (event) {
 
                event.preventDefault()
                alert("Is preventDefault() called : " +
                    event.defaultPrevented);
            });
    </script>
 
</body>
</html>


Output: Before clicking the button: 

 After clicking the button: 

 Supported Browsers:

  • Opera
  • Internet Explorer
  • Google Chrome
  • Firefox
  • Apple Safari


Last Updated : 28 Apr, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads