JavaScript पॉपअप विंडो पर ESC कीडाउन को कैसे हैंडल करें?

जैसा कि हम जानते हैं ESC का कीकोड 27 है। यदि आप कीकोड 27 का उपयोग करेंगे, तो आप कंडीशन को हैंडल कर सकते हैं।

उदाहरण

निम्नलिखित कोड है:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />
<body>
</body>
<script>
    $(document).keydown(function (eventValue) {
        if (eventValue.keyCode == 27) {
            console.log("ESC key is pressed....");
        }
        else {
            console.log("Some other is key pressed....")
        }
    });
</script>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल का नाम "anyName.html(index.html)" सेव करें। फ़ाइल पर राइट-क्लिक करें और VS Code एडिटर में "Open with Live Server" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा:

अब मैं ESC की को छोड़कर दूसरा बटन दबाने जा रहा हूं।

आउटपुट

यह कंसोल पर निम्नलिखित आउटपुट देगा:

अब, मैं ESC की दबाने जा रहा हूं। कंसोल आउटपुट बदल जाएगा: