की-इवेंट तब होते हैं जब कोई उपयोगकर्ता कीबोर्ड से इंटरैक्ट करता है। मुख्य रूप से तीन प्रमुख ईवेंट प्रकार हैं - कीडाउन, कीप्रेस और कीअप।
<टेबल><थेड>इवेंट <थ>विवरण ऑनकीडाउन यह घटना तब सक्रिय होती है जब उपयोगकर्ता एक कुंजी दबा रहा होता है ऑनकीप्रेस उपयोगकर्ता द्वारा कुंजी दबाने पर यह घटना सक्रिय हो जाती है ऑनकीअप यह घटना तब सक्रिय होती है जब उपयोगकर्ता कुंजी जारी करता है।जावास्क्रिप्ट में प्रमुख घटनाओं के लिए कोड निम्नलिखित है -
उदाहरण
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; color: blueviolet; font-weight: 500; } </style> </head> <body> <h1>Key-events in JavaScript</h1> <div class="result"></div> <h3>Press or release key to see the keyevent fired</h3> <script> let resEle = document.querySelector(".result"); document.body.addEventListener("keydown", () => { resEle.innerHTML = "keydown event is being fired <br>"; }); document.body.addEventListener("keyup", () => { resEle.innerHTML = "keyup event is being fired"; }); document.body.addEventListener("keypress", () => { resEle.innerHTML += "keypress event is being fired"; }); </script> </body> </html>
आउटपुट
कुंजी दबाए रखने पर -
कुंजी जारी करने पर -