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>
আউটপুট
ফর্ম এলিমেন্ট টাচ করার আগে:
ফর্ম এলিমেন্ট ২ সেকেন্ড টাচ করার পর:
