Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM touchstart Event

  • Last Updated : 28 Jul, 2021

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 trigerred -->
    <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>                           

Output: 
 



After touching the screen 
 

Supported Web Browsers 
 

  • Opera
  • Internet Explorer
  • Google Chrome
  • Firefox
  • Apple Safari

 

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




My Personal Notes arrow_drop_up
Recommended Articles
Page :