जावास्क्रिप्ट में दबाए गए कीज़ प्राप्त करना

Event ऑब्जेक्ट की मदद से दबाए गए कीज़ प्राप्त की जा सकती हैं। आइए देखते हैं, यह कैसे किया जाता है। मान लीजिए कि हमारे पास एक इनपुट है:

html<input>

इसे एक वेरिएबल में रेफरेंस प्राप्त करें:

javascriptlet elem = document.querySelector('input');

अपने इनपुट पर एक ईवेंट एड करें, जो हर की प्रेस होने पर ट्रिगर हो:

javascriptelem.addEventListener('keypress', function(event) {
  
});

key प्रॉपर्टी में ईवेंट ऑब्जेक्ट का दबाया गया कैरेक्टर होगा:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

और code प्रॉपर्टी में दबाई गई की का कोड होगा:

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});
Задание 1

एक इनपुट बनाएं, जो इनपुट पर दबाई गई कीज़ के वैल्यू और उनके कोड आउटपुट करे।

Задание 2

इनपुट में विभिन्न कीज़ दबाएं और देखें कि उनके वैल्यू और कोड क्या हैं।

Задание 3

निर्धारित करें कि Enter की का कोड क्या होगा।

Задание 4

निर्धारित करें कि BackSpace की का कोड क्या होगा।

Задание 5

एक पैराग्राफ और एक इनपुट दिया गया है। इसमें टेक्स्ट इनपुट किया जाता है और Enter की दबाई जाती है। ऐसा करें कि इस समय इनपुट किया गया टेक्स्ट इनपुट के नीचे वाले पैराग्राफ में चला जाए, और इनपुट की सामग्री साफ हो जाए।