Open In App
Related Articles

HTML | DOM touchstart Event

Improve Article
Save Article
Like Article

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.


<!DOCTYPE html>
    <title>touchstart event in HTML</title>
            font-family: Impact;
    <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 id="test"></p>
    function start()
        document.getElementById("test").innerHTML =
                    "Paragraph has been touched";


After touching the screen 

Supported Web Browsers:

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


Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out - check it out now!

Last Updated : 10 Jun, 2022
Like Article
Save Article
Similar Reads
Complete Tutorials