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 :


Below program illustrates the cancelable event property :

Example: Finding out if a specific event is cancelable or not.





<!DOCTYPE html>
    <title>cancelable Event Property in HTML</title>
        h1 {
            color: green;
        h2 {
            font-family: Impact;
        body {
            text-align: center;
    <h2>cancelable Event Property</h2>
    <p>To check if the onclick event is 
       a cancelable event or not, 
       double click the "Check Event" button .
    <button ondblclick="MyEvent(event)">
        Check Event
    <p id="test"></p>
        function MyEvent(event) {
            <!-- Check whether the "event" is cancelable or not. -->
            var gfg = event.cancelable;
            document.getElementById("test").innerHTML = gfg;



Before clicking the button:

After double clicking the button (Note that there is text “true” below the button):

Supported Browsers:

  • Opera
  • Internet Explorer
  • Google Chrome
  • Firefox
  • Apple Safari


My Personal Notes arrow_drop_up

I am a technology enthusiast who has a keen interest in programming I am pursuing Engineering in Computer Science from GEU, Dehradun I like to unwind by watching movies and English sitcomsI have a keen interest in music

If you like GeeksforGeeks and would like to contribute, you can also write an article using or mail your article to See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.