HTML | DOM touchend Event
The touchend event is used to execute a script when a user removes his finger from an element. It will only work on devices with a touch screen.
Supported Tags
- All HTML element supported by this event.
Syntax:
object.ontouchend = myScript;
Below program illustrates the touchend event :
Example-1: Executing a JavaScript when the user releases the touch.
html
<!DOCTYPE html><html><head> <title>touchend Event in HTML</title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>touchend Event</h2> <br> <p ontouchend="end()"> Touch somewhere in the paragraph and then release the touch to trigger the touchend function. </p> <br> <p id="test"></p> <script> function end() { document.getElementById( "test").innerHTML = "Touch has been released."; } </script></body></html> |
Output:
Before touching the screen:
After touching the screen:
Supported Web Browsers:
- Google Chrome 22 and above
- Edge 12 and above
- Firefox 52 and above
Please Login to comment...