কম্পিউটার টিউটোরিয়াল

HTML DOM KeyboardEvent altKey প্রপার্টি


HTML DOM KeyboardEvent altKey প্রপার্টি রিটার্ন করে যে কী ইভেন্ট ট্রিগার হওয়ার সময় ALT কী চাপা হয়েছিল কিনা।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

event.altKey

HTML KeyboardEvent altKey প্রপার্টির একটি উদাহরণ দেখা যাক:

উদাহরণ

<!DOCTYPE html> <html> <style>    body {       color: #000;       height: 100vh;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;       text-align: center;    }    input {       border: 2px solid #fff;       padding: 8px;       background: transparent;       width: 310px;       border-radius: 20px;       outline: none;    }    ::placeholder {       color: #000;    }    .show {       font-size: 1.2rem;       color: #fff;    } </style> <body> <h1>HTML KeyboardEvent altKey প্রপার্টি ডেমো</h1> <input type="text" placeholder="আপনার মেসেজ লিখুন" onkeydown="display(event)"> <div class="show"> </div> <script>    function display(event) {       if (event.altKey) {          document.querySelector(".show").innerHTML = "চাপা কী: " + event.key + " কী";       } else {          document.querySelector(".show").innerHTML = "চাপা কী: " + event.key + " কী";       }    } </script> </body> </html>

আউটপুট

HTML DOM KeyboardEvent altKey প্রপার্টি

টেক্সট ফিল্ডে যেকোনো কী চাপা শুরু করুন এবং লক্ষ্য করুন ALT কী চাপা হলে altKey প্রপার্টি কীভাবে কাজ করে:

HTML DOM KeyboardEvent altKey প্রপার্টি


  1. HTML DOM TouchEvent altKey প্রপার্টি

  2. HTML DOM timeStamp ইভেন্ট প্রপার্টি

  3. HTML DOM TouchEvent touches প্রপার্টি

  4. HTML DOM Event type প্রপার্টি