HTML DOM Style borderImageRepeat Property

HTML DOM cancelable Event Property

Last Updated : 30 Sep, 2024

The cancelable event property indicates whether the event's default action can be prevented. If the value is true, the default action can be prevented using event.preventDefault(). If false, the default action cannot be prevented. It is a read-only property.

It is a read-only boolean property.

Syntax:

event.cancelable

Return Value:

It returns a Boolean which indicates whether the event is cancelable or not.

It returns true indicating the event is cancelable.
It returns false indicating the event is not cancelable.

Example:

html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
    <title>DOM cancelable Event Property</title>
</head>

<body style="text-align:center">

    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>DOM cancelable Event Property</h2>

    <button onclick="Geeks(event)">Click Here!</button>

    <p id="p"></p>

    <script>
        function Geeks(event) {
            // Check if the event is cancelable
            let isCancelable = event.cancelable;

            // Display the result in the paragraph
            document.getElementById("p").innerHTML 
             = "Cancelable: " + isCancelable;
    </script>

</body>

</html>

Output:

Supported Browsers:

The browser supported by cancelable Event property are listed below:

Apple Safari
Google Chrome
Firefox
Opera

HTML DOM Style borderImageRepeat Property

V

Vishal Chaudhary 2

Improve

Article Tags :

Similar Reads

HTML DOM replaceChild() Method

The replaceChild() method in HTML DOM is used to replace a child node with a new node within the given parent node. Syntax: parentNode.replaceChild( newChild, oldChild ) Parameter Values: This method accepts two parameters which are listed below: newChild: It is the required parameter. It represents

HTML DOM Subscript Object

The Subscript Object in HTML DOM is used to represent the HTML <sub> element. The subscript element can be accessed by using the getElementById() method. Syntax: document.getElementById("id") Where id is assigned to the <sub> tag. Example 1: In this example, we will use DOM Subscript Obj

HTML | DOM Fieldset Object

The DOM Fieldset Object is used to represent the HTML <fieldset> element. The fieldset element is accessed by getElementById(). Properties: disabled: disabled property used to set or return whether a fieldset is disabled, or not.form: use to return a reference to the form that contains the fie

HTML DOM Figure Object

The DOM Figure Object is used to represent the HTML <figure> element. The figure element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where â€œidâ€ is the ID assigned to the â€œfigureâ€ tag. Example 1: In this example, we will use DOM Figure Object. HTML <!DOCTYPE html

HTML DOM Section Object

The Section Object in HTML DOM is used to represent the HTML <section> element. The section element can be accessed by using the getElementById() method. Syntax: document.getElementById("id") Where id is assigned to the <section> tag. Example 1: In this example, we will use DOM Section O

HTML DOM Nav Object

The DOM nav object is used to represent the HTML <nav> element. The<nav> element is accessed by getElementById(). Syntax: document.getElementById("id") Where id is assigned to the <nav> tag. Note: The Nav Object is not supported by Internet Explorer 8 and earlier versions. Example

HTML DOM insertAdjacentText() Method

The insertAdjacentText() inserts a provided text at one of the following positions. afterbegin:afterend:beforebegin:beforeend: Syntax: node.insertAdjacentText(position, text) Parameters: This method requires 2 parameters. position: A position relative to the element. The legal values are:afterbegin:

HTML DOM Style borderImage Property

The DOM Style borderImage Property in HTML is a shorthand property used for setting the borderImageSource, borderImageSlice, borderImageWidth,borderImageOutset, and borderImageRepeat properties. Syntax: It is used to return the borderImage property. object.style.borderImageIt is used to set the bord

HTML DOM stopPropagation() Event Method

The stopPropagation() method is used to stop the propagation of event calling. That is a parent event is called we can stop the propagation of calling its children by using the stopPropagation() method and vice-versa. Syntax: event.stopPropagation() Return Value: It does not return any value. Exampl

HTML DOM Emphasized Object

The HTML DOM Emphasized object represents the <em> element, used to emphasize text, typically rendering it in italics. It can be accessed and manipulated through JavaScript to alter its content or styling.Syntax:document.getElementById("ID");Example: Clicking the "Submit" button changes the em