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>
<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>
Output:
After touching the screen
Supported Web Browsers:
- Google Chrome 22 and above
- Edge 12 and above
- Firefox 52 and above
