Skip to content
Related Articles

Related Articles

HTML | cancelable Event Property

View Discussion
Improve Article
Save Article
  • 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) {
            <!-- 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

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!