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