HTML | cancelable Event Property
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) { <!-- Check whether the "event" is cancelable or not. --> 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
Please Login to comment...