Skip to content
Related Articles

Related Articles

Improve Article

HTML | cancelable Event Property

  • Last Updated : 27 Jan, 2019

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

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.

My Personal Notes arrow_drop_up
Recommended Articles
Page :