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

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

ওভারভিউ

KeyboardEvent code প্রপার্টি ইভেন্টের মাধ্যমে প্রেস করা কীটির আইডেন্টিফায়ার রিটার্ন করে।

নোট: সঠিক ফলাফলের জন্য key প্রপার্টি ব্যবহার করুন।

সিনট্যাক্স

event.code

উদাহরণ

KeyboardEvent code প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <title>KeyboardEvent code</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> <fieldset> <legend>KeyboardEvent-code</legend> <label>Press a key: <input type="text" id="textSelect" onkeypress="getEventData(event)" autofocus> </label> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var textSelect = document.getElementById("textSelect");    function getEventData(InputEvent) {       divDisplay.textContent = 'Pressed key: '+InputEvent.code;    } </script> </body> </html>

আউটপুট

টেক্সট ফিল্ডে কিছু টাইপ করার আগে:

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

টেক্সট ফিল্ডে '\' টাইপ করার পর:

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

টেক্সট ফিল্ডে 'H' টাইপ করার পর:

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

  1. HTML DOM lastChild প্রপার্টি

  2. HTML DOM lang প্রপার্টি

  3. HTML DOM li value প্রপার্টি

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