HTML | defaultPrevented Event Property
Last Updated :
28 Apr, 2023
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 >
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
Share your thoughts in the comments
Please Login to comment...