HTML DOM TouchEvent touches प्रॉपर्टी टच सरफेस पर ट्रिगर हुए सभी संपर्क बिंदुओं की सूची दर्शाने वाला TouchList ऑब्जेक्ट लौटाती है।
नोट: यदि निर्दिष्ट नोड या उसके किसी चाइल्ड नोड पर टच ट्रिगर होता है तो बाद के टच भी गिने जाएंगे भले ही वे उसी नोड पर ट्रिगर न हुए हों।
सिंटैक्स
event.touches
नोट: हमने टच इवेंट उदाहरणों को मोबाइल या टच एक्सेस वाले सिस्टम पर ऑनलाइन HTML एडिटर्स पर चलाया है।
उदाहरण
<!DOCTYPE html> <html> <head> <title>TouchEvent touches</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form id="formSelect" ontouchstart="startEventAction(event)" ontouchend="endEventAction(event)"> <fieldset> <legend>TouchEvent-touches</legend> <label for="textSelect">Game Players Selector</label> <div id="divDisplay">All Players Place a Finger on Screen<br>Game Starting in 2 sec</div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var gameSelect = document.getElementById("formSelect"); var duration = 2000; var timer; gameSelect.ontouchstart = startEventAction; function startEventAction(event) { timer = setTimeout(function(){ eventAction(event) }, duration); } function endEventAction(event){ if(timer) clearTimeout(timer); eventAction(event); } function eventAction(event) { var players = event.touches.length; divDisplay.textContent = 'Total Players: '+players; gameSelect.removeAttribute('ontouchstart'); gameSelect.removeAttribute('ontouchend'); } </script> </body> </html>
आउटपुट
फॉर्म एलिमेंट को टच करने से पहले -
फॉर्म एलिमेंट को 2 सेकंड तक टच करने के बाद -
