অ্যারো কী প্রেস হলে ডিটেক্ট করতে জাভাস্ক্রিপ্টে onkeydown ব্যবহার করুন।
বাটনের কী কোড থাকে। আপনি জানেন লেফট অ্যারো কীর কোড ৩৭। আপ অ্যারো কীর কোড ৩৮, রাইটের ৩৯ এবং ডাউনের ৪০।
উদাহরণ
নিচে কোডটি দেওয়া হলো:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <body> </body> <script> document.onkeydown = function (event) { switch (event.keyCode) { case 37: console.log("Left key is pressed."); break; case 38: console.log("Up key is pressed."); break; case 39: console.log("Right key is pressed."); break; case 40: console.log("Down key is pressed."); break; } }; </script> </html>
প্রোগ্রামটি চালানোর জন্য, ফাইলটি যেকোনো নাম দিয়ে সংরক্ষণ করুন (যেমন: index.html)। ফাইলে ডান ক্লিক করে VS Code এডিটরে Open with live server অপশনটি নির্বাচন করুন।
আউটপুট
এখানে আমি আপ অ্যারো কী প্রেস করেছি। কনসোলে নিচের আউটপুটটি দেখাবে:
