HTML | DOM TouchEvent targetTouches Property
The TouchEvent targetTouches property is a read-only property and used for returning an array of Touch objects. It returns one object for each finger that is touching the current target element.
Syntax :
event.targetTouches
Below program illustrates the TouchEvent targetTouches property :
Example: Finding out the number of fingers that touch an element.
html
<!DOCTYPE html><html><meta name="viewport" content="width=device-width, initial-scale=1"><head> <title> TouchEvent targetTouches property in HTML </title> <style> #samplediv { border: 1px solid green; } h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body ontouchstart="countTouches(event)" ontouchend="countTouches(event)"> <h1>GeeksforGeeks</h1> <h2> TouchEvent targetTouches property </h2> <br> <p>The current element is touched by <span id="touch">0</span> fingers.</p> <script> function countTouches(event) { // Returning touched target. var t = event.targetTouches.length; document.getElementById("touch").innerHTML = t; } </script></body></html> |
Output: After touching the screen:
After touching the screen:
Supported Browsers:
- Google Chrome 22 and above
- Edge 79 and above
- Firefox 52 and above
- Opera 15 and above
Please Login to comment...