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

जावास्क्रिप्ट पॉपअप विंडो पर ईएससी कीडाउन को कैसे संभालें?

<घंटा/>

जैसा कि हम जानते हैं कि 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)" को सेव करें। फ़ाइल पर राइट क्लिक करें और वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

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

जावास्क्रिप्ट पॉपअप विंडो पर ईएससी कीडाउन को कैसे संभालें?

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

आउटपुट

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

जावास्क्रिप्ट पॉपअप विंडो पर ईएससी कीडाउन को कैसे संभालें?

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

जावास्क्रिप्ट पॉपअप विंडो पर ईएससी कीडाउन को कैसे संभालें?


  1. एक नई विंडो में लिंक कैसे खोलें - जावास्क्रिप्ट?

    इसके लिए पॉपअप के साथ window.open() का इस्तेमाल करें। उदाहरण निम्नलिखित कोड है - दस्तावेज़ लिंक के साथ पॉपअप विंडो प्राप्त करें उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम anyName.html(index.html) को सेव करें। फ़ाइल पर राइट क्लिक करें और VSCode संपादक में लाइव सर्वर के साथ खोलें विकल्प चुन

  1. CSS और JavaScript के साथ पॉपअप चैट विंडो कैसे बनाएं?

    CSS और JavaScript के साथ पॉपअप चैट विंडो बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "

  1. मैं टिंकर का उपयोग करके पॉपअप विंडो कैसे बना सकता हूं?

    टिंकर टॉपलेवल क्लासेस को सपोर्ट करता है, और इन क्लासेस में टॉपलेवल विंडो होती है। टॉपलेवल विंडो को चाइल्ड विंडो के रूप में भी जाना जाता है। हम टॉपलेवल (पैरेंट) का ऑब्जेक्ट बनाकर एक टॉपलेवल विंडो बना सकते हैं। टॉपलेवल विंडो को टिंकर की मूल वस्तु के सभी गुण विरासत में मिलते हैं। इसमें विजेट, फ़्रेम,