HTML DOM Form Object

HTML | DOM touchend Event

Last Updated : 10 Jun, 2022

The touchend event is used to execute a script when a user removes his finger from an element. It will only work on devices with a touch screen.

Supported Tags

All HTML element supported by this event.

Syntax:

object.ontouchend = myScript;

Below program illustrates the touchend event :
Example-1: Executing a JavaScript when the user releases the touch.

html

<!DOCTYPE html>
<html>

<head>
    <title>touchend Event in HTML</title>
    <style>
        h1 {
            color: green;
        }
        
        h2 {
            font-family: Impact;
        }
        
        body {
            text-align: center;
        }
    </style>
</head>

<body>

    <h1>GeeksforGeeks</h1>
    <h2>touchend Event</h2>
    <br>

    <p ontouchend="end()">
      Touch somewhere in the paragraph and then
      release the touch to trigger the touchend function.
  </p>


    <br>

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



    <script>
        function end() {
          
            document.getElementById(
              "test").innerHTML =
              "Touch has been released.";
        }
    </script>

</body>

</html>

Output:
Before touching the screen:

After touching the screen:

Supported Web Browsers:

Google Chrome 22 and above
Edge 12 and above
Firefox 52 and above

HTML DOM Form Object

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML | DOM TouchEvent ctrlKey Property

The TouchEvent ctrlKey property is a read-only property and used for returning a Boolean value which indicates whether or not the "CTRL" key was pressed when a touch event was triggered. It mostly returns false because generally, touch devices do not have a ctrl key. Syntax : event.ctrlKey Return Va

HTML DOM MouseEvent screenX Property

The MouseEvent.screenX property is used to get the horizontal coordinate (in pixels) of the mouse pointer relative to the screen, not the viewport when a mouse event occurs. This value represents the distance from the left edge of the user's screen to the mouse pointer's position.Syntax :event.scree

HTML | DOM Style fontSizeAdjust Property

The fontSizeAdjust property controls better the font size if the first choice of font is not available. It sets or returns the font aspect value of the text. Aspect value is the size difference between the lowercase letter "x" and the uppercase letter "X". Syntax: To set the fontSizeAdjust propertyo

HTML DOM compareDocumentPosition() Method

The DOM compareDocumentPosition() method is used to compare two nodes and it returns an integer describing where they are positioned in the document. Syntax: node1.compareDocumentPosition(node2) Return Value : This return an integer value and their meaning as follows : 1: This means that the two nod

HTML | DOM touchstart Event

The touchstart event is used to execute a script whenever the user touches an HTML element. On touching a particular element, if the touchstart event is associated with it, it can be used to trigger a javascript function. Note: The touchstart event works only on touch screen devices.Supported Tags A

HTML DOM Image Object

The HTML DOM Image object represents an HTML <img> element, allowing for dynamic manipulation of images in the document. This object provides various properties and methods to change image attributes like src, alt, width, height, and more, as well as handling image events such as onload and on

HTML DOM TransitionEvent propertyName Property

The TransitionEvent propertyName property is a read-only property and used for returning the name of the CSS property associated with a transition when a transitionevent occurs. Syntax :event.propertyNameReturn Value: It returns a string representing the transition's name. Example: In this example,

HTML | DOM Style outlineColor Property

The DOM Style outlineColor Property is used to sets or returns the color of the outline around an Element. Syntax: It is used to Return the outlineColor propertyobject.style.outlineColor it is used to Set the outlineColor propertyobject.style.outlineColor = "color|invert|initial|inherit" Property Va

HTML | DOM touchmove Event

The touchmove event is used to execute a script when the user moves the finger across the screen. It works only on touch screen devices and triggers once for every movement and continues to trigger until the finger is released.Supported Tags All HTML elements supported by this event. Syntax: object.

HTML | DOM Style isolation Property

The DOM Style isolation Property defines whether an element must necessarily create a new stacking context. Syntax: Return isolation syntax:object.style.isolationSet isolation syntax:object.style.isolation = "auto|isolate|initial|inherit" Properties: auto: It is the default property value. Using thi