HTML | defaultPrevented Event Property
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
Below program illustrates the defaultPrevented event property :
Example-1: Checking if preventDefault() was called or not.
<!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> 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:
Beforer clicking the button:
After clicking the button:
Supported Browsers:
- Opera
- Internet Explorer
- Google Chrome
- Firefox
- Apple Safari
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
.png)