HTML | cancelable Event Property
Last Updated :
12 Jul, 2022
The cancelable event property is used for returning a Boolean value which indicates whether an event is a cancelable event or not. An event is a cancelable event if it is possible to prevent the event’s default action.
Return Value: The cancelable event property returns true if the event is cancelable, else it returns false.
Syntax :
event.cancelable
Below program illustrates the cancelable event property :
Example: Finding out if a specific event is cancelable or not.
html
<!DOCTYPE html>
< html >
< head >
< title >cancelable Event Property in HTML</ title >
< style >
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</ style >
</ head >
< body >
< h1 >GeeksforGeeks</ h1 >
< h2 >cancelable Event Property</ h2 >
< p >To check if the onclick event is
a cancelable event or not,
double click the "Check Event" button .
</ p >
< button ondblclick="MyEvent(event)">
Check Event
</ button >
< p id="test"></ p >
< script >
function MyEvent(event) {
var gfg = event.cancelable;
document.getElementById("test").innerHTML = gfg;
}
</ script >
</ body >
</ html >
|
Output:
Before clicking the button:
After double clicking the button (Note that there is text “true” below the button):
Supported Browsers:
- Opera 12.1 and above
- Internet Explorer 9 and above
- Google Chrome 1 and above
- Edge 12 and above
- Firefox 1.5 and above
- Apple Safari 1 and above
Share your thoughts in the comments
Please Login to comment...