HTML | DOM touchstart Event
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 >w3wiki</ 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