जावास्क्रिप्ट में दबाए गए कीज़ प्राप्त करना
Event ऑब्जेक्ट की मदद से
दबाए गए कीज़ प्राप्त की जा सकती हैं। आइए
देखते हैं, यह कैसे किया जाता है।
मान लीजिए कि हमारे पास एक इनपुट है:
<input>
इसे एक वेरिएबल में रेफरेंस प्राप्त करें:
let elem = document.querySelector('input');
अपने इनपुट पर एक ईवेंट एड करें, जो हर की प्रेस होने पर ट्रिगर हो:
elem.addEventListener('keypress', function(event) {
});
key प्रॉपर्टी में ईवेंट
ऑब्जेक्ट का दबाया गया
कैरेक्टर होगा:
elem.addEventListener('keypress', function(event) {
console.log(event.key);
});
और code प्रॉपर्टी में
दबाई गई की का कोड
होगा:
elem.addEventListener('keypress', function(event) {
console.log(event.code);
});
एक इनपुट बनाएं, जो इनपुट पर दबाई गई कीज़ के वैल्यू और उनके कोड आउटपुट करे।
इनपुट में विभिन्न कीज़ दबाएं और देखें कि उनके वैल्यू और कोड क्या हैं।
निर्धारित करें कि Enter की
का कोड क्या होगा।
निर्धारित करें कि BackSpace की
का कोड क्या होगा।
एक पैराग्राफ और एक इनपुट दिया गया है। इसमें टेक्स्ट इनपुट किया जाता है
और Enter की दबाई जाती है। ऐसा करें
कि इस समय इनपुट किया गया
टेक्स्ट इनपुट के नीचे वाले पैराग्राफ में चला जाए,
और इनपुट की सामग्री साफ हो जाए।
