Skip to content
Related Articles

Related Articles

HTML | DOM touchstart Event
  • Last Updated : 31 Jan, 2019

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.

Syntax :

object.ontouchstart = myScript;

Below program illustrates the touchstart event :

Program: Executing a JavaScript when a user touches a P element.






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

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :