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

जावास्क्रिप्ट ENTER दबाने पर टेक्स्टबॉक्स सबमिट करें?

<घंटा/>

ENTER में कुंजी कोड 13 है। हम ENTER को दबाया गया है या नहीं, यह जांचने के लिए event.keycode का उपयोग करेंगे। निम्नलिखित कोड है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<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>
</head>
<body>
<input type="text" id="name"/>
<script>
   document.getElementById("name").addEventListener("keydown",
   function(event) {
      if (!event) {
         var event = window.event;
      }
         event.preventDefault();
      if (event.keyCode == 13){
         login();
      }
   }, false);
   function login(){
      console.log("submitted successfully....");
   }
</script>
</body>
</html>

उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।

आउटपुट

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

जावास्क्रिप्ट ENTER दबाने पर टेक्स्टबॉक्स सबमिट करें?

जब आप ENTER कुंजी दबाते हैं, तो निम्न संदेश कंसोल पर दिखाई देगा जैसा कि नीचे स्क्रीनशॉट में दिखाया गया है -

जावास्क्रिप्ट ENTER दबाने पर टेक्स्टबॉक्स सबमिट करें?


  1. जावास्क्रिप्ट में गतिशील तत्वों को ईवेंट संलग्न करें? जावास्क्रिप्ट में गतिशील तत्वों को ईवेंट संलग्न करें?

    ईवेंट संलग्न करने के लिए, JavaScript में document.addEventListener() का उपयोग करें। निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=

  1. जावास्क्रिप्ट में कुंजी प्रेस घटना दर्ज करें? जावास्क्रिप्ट में कुंजी प्रेस घटना दर्ज करें?

    ENTER की प्रेस इवेंट के लिए, आप − . पर एक फंक्शन कॉल कर सकते हैं onkeypress=”yourFunctionName” ENTER के कीकोड 13 का प्रयोग करें। उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&

  1. जावास्क्रिप्ट में टेक्स्टबॉक्स का मूल्य कैसे प्रदर्शित करें? जावास्क्रिप्ट में टेक्स्टबॉक्स का मूल्य कैसे प्रदर्शित करें?

    मूल्य का उपयोग करके टेक्स्ट बॉक्स से मूल्य निकालें और आंतरिक HTML का उपयोग करके पैराग्राफ में प्रदर्शित कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="vi