Skip to content
Related Articles
Open in App
Not now

Related Articles

HTML | cancelable Event Property

Improve Article
Save Article
Like Article
  • Last Updated : 12 Jul, 2022
Improve Article
Save Article
Like Article

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 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
Like Article
Save Article
Related Articles

Start Your Coding Journey Now!