HTML | DOM touchcancel Event
The touchcancel event is used to execute a script when the touch event gets interrupted.
It is considered a good practice to include the touchcancel event to clean up the code if the devices interrupt a touch event at different actions.
Supported Tags
- All HTML elements supported by this event.
Supported Tags
- <details>
Syntax:
object.ontouchcancel = myScript;
Below program illustrates the touchcancel event :
Example-1: Executing a JavaScript when a touch is interrupted.
html
<!DOCTYPE html><html><head> <title>touchcancel Event in HTML</title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>touchcancel Event</h2> <br> <p ontouchcancel="cancel()"> Touch somewhere in the paragraph while you do something that will interrupt the event.</p> <br> <p id="test"></p> <script> function cancel() { document.getElementById( "test").innerHTML = "Touch Cancelled due to interruption"; } </script></body></html> |
Output:
Before touching the screen:
After touching the screen:
Supported Browsers:
- Google Chrome 22 and above
- Firefox 52 and above
- Edge 12 and above
Please Login to comment...