Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

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>एक कुंजी दबाएं: <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 = 'दबाई गई कुंजी: '+InputEvent.code;    } </script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा −

टेक्स्ट फ़ील्ड में कुछ भी टाइप करने से पहले −

HTML DOM KeyboardEvent code गुण

टेक्स्ट फ़ील्ड में '\' टाइप करने के बाद −

HTML DOM KeyboardEvent code गुण

टेक्स्ट फ़ील्ड में 'H' टाइप करने के बाद −

HTML DOM KeyboardEvent code गुण


  1. HTML DOM lang गुण HTML DOM lang गुण

    HTML DOM lang गुण तत्व की सामग्री के लिए भाषा कोड दर्शाने वाली स्ट्रिंग को लौटाता/सेट करता है जैसे ‘en' ‘english' के लिए। सिंटैक्स निम्नलिखित सिंटैक्स है − भाषा कोड लौटाना HTMLElementObject.lang lang विशेषता को भाषा कोड पर सेट करना HTMLElementObject = ‘lang_code’

  1. HTML DOM li value गुण HTML DOM li value गुण

    Li value गुण <li> तत्व के value विशेषता के मान को लौटाता/सेट करता है। सिंटैक्स निम्नलिखित सिंटैक्स है − <li> value विशेषता का मान लौटाना liObject.value <li> विशेषता का मान सेट करना liObject.value = ‘string’ आइए Li value गुण का एक उदाहरण देखें − उदाहरण <!DOCTYPE

  1. HTML DOM KeyboardEvent altKey प्रॉपर्टी HTML DOM KeyboardEvent altKey प्रॉपर्टी

    विवरण HTML DOM KeyboardEvent altKey प्रॉपर्टी लौटाती है कि जब HTML दस्तावेज़ में की इवेंट ट्रिगर हुआ था, तब ALT कुंजी दबाई गई थी या नहीं। सिंटैक्स event.altKey उदाहरण आइए HTML KeyboardEvent altKey प्रॉपर्टी का एक उदाहरण देखें: <!DOCTYPE html> <html> <style> body { color: