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.

filter_none

edit
close

play_arrow

link
brightness_4
code

<!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>       

chevron_right


Output:

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 contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. 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.