HTML | DOM touchend Event

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

Article Tags :

HTML

Web Technologies

HTML-DOM