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

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

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

उदाहरण

<!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)" सेव करें और फाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with Live Server" विकल्प चुनें।

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा:

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

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

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

  1. JavaScript में डायनामिक एलिमेंट्स पर इवेंट कैसे अटैच करें? JavaScript में डायनामिक एलिमेंट्स पर इवेंट कैसे अटैच करें?

    उदाहरण डायनामिक एलिमेंट्स पर इवेंट अटैच करने के लिए document.addEventListener() का उपयोग करें। <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content=width=device-width, initial-scale=1.0> <title>Document</title> </he

  1. JavaScript में एंटर की प्रेस इवेंट कैसे हैंडल करें? JavaScript में एंटर की प्रेस इवेंट कैसे हैंडल करें?

    उदाहरण onkeypress इवेंट और keyCode 13 से एंटर की डिटेक्ट करें। <!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> <body> <input

  1. JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें

    टेक्स्ट बॉक्स से मान निकालने के लिए value का उपयोग करें और पैराग्राफ में innerHTML से प्रदर्शित करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>