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 > |
chevron_right
filter_none
Output:
Beforer clicking the button:
After clicking the button:
Supported Browsers:
- Opera
- Internet Explorer
- Google Chrome
- Firefox
- Apple Safari