HTML DOM touchmove ইভেন্টটি ট্রিগার হয় যখন টাচ স্ক্রিন জুড়ে টাচ সরানো হয়।
নোট − এই ইভেন্ট শুধু টাচ ডিভাইসের জন্য।
সিনট্যাক্স
HTML-এ touchmove ইভেন্ট ট্রিগার:
ontouchmove = "eventFunction()"
জাভাস্ক্রিপ্টে touchmove ইভেন্ট ট্রিগার:
eventObject.ontouchmove = eventFunction
নোট − আমরা টাচ ইভেন্ট উদাহরণগুলো অনলাইন HTML এডিটরে মোবাইল বা টাচ-সক্ষম সিস্টেমে অ্যাক্সেস করে চালিয়েছি।
উদাহরণ
<!DOCTYPE html> <html> <head> <title>HTML DOM touchmove event</title> <style> * { padding: 2px; margin:5px; } form { width:70%; margin: 0 auto; text-align: center; } #outer { width:70%; margin: 0 auto; padding: 0; text-align: center; border:1px solid black; height: 105px; background-color: #28a745; } input[type="button"] { border-radius: 10px; } #upper { border-bottom: 1px solid black; height: 40px; margin: 0 0 15px 0; background-color: #DC3545; } #lower { border-top: 1px solid black; height: 40px; margin: 15px 0 0 0; background-color: #DC3545; } </style> </head> <body> <form> <fieldset> <legend>HTML DOM touchmove event</legend> <div id="outer"> <div id="upper"><h2>Danger</h2></div> <div id="lower"><h2>Danger</h2></div> </div> <input type="button" id="start" value="Start" onclick="gameStart()"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById('divDisplay'); var gameDisplay = document.getElementById('outer'); function playGame(event) { var x = event.touches[0].clientX; var y = event.touches[0].clientY; if(y > 95 && y < 110){ divDisplay.textContent = 'Keep Going!'; if(x === 439){ divDisplay.textContent = 'Congrats! You Did it!'; gameDisplay.removeEventListener('touchmove', playGame); } } else{ divDisplay.textContent = 'You moved to DANGER area. You loose!'; gameDisplay.removeEventListener('touchmove', playGame); } } function gameStart(){ gameDisplay.addEventListener('touchmove',playGame); } </script> </body> </html>
আউটপুট
'Start' বাটনে ক্লিক করে এবং কার্সর গ্রিন (সেফ) এলিয়াতে:
'Start' বাটনে ক্লিক করে এবং কার্সর গ্রিন এলিয়ার শেষে:
'Start' বাটনে ক্লিক করে এবং কার্সর রেড (ডেঞ্জার) এলিয়াতে:
