HTML | DOM touchstart Event

Last Updated : 10 Jun, 2022

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

All HTML element supported this event.

Syntax :

object.ontouchstart = myScript;

Below program illustrates the touchstart event :
Program: Executing a JavaScript when a user touches a P element.

html

<!DOCTYPE html>
<html>
<head> 
    <title>touchstart event in HTML</title> 
    <style> 
        h1 
        { 
            color:green; 
        } 
     
        h2
        {
            font-family: Impact;
        }
     
        body 
        { 
            text-align:center; 
        }
    </style> 
</head>
 
<body>
 
    <h1>GeeksforGeeks</h1> 
    <h2>touchstart event</h2><br>
     
    <!-- On touching this P element, the start() 
        function is triggered -->
    <p ontouchstart="start()">
        Touch somewhere in the paragraph to 
        trigger a function.
    </p>
 
 
 
    <br>
 
    <p id="test"></p>
 
 
 
 
<script>
    function start() 
    {
        document.getElementById("test").innerHTML = 
                    "Paragraph has been touched";
    }
</script>
 
</body>
</html>                            