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

जावास्क्रिप्ट के साथ टेक्स्ट इनपुट फ़ील्ड में ENTER कुंजी का पता लगाएं


आप ENTER कुंजी के लिए keyCode 13 का उपयोग कर सकते हैं। आइए पहले इनपुट बनाएं -

<input type="text" id="txtInput">

अब, ENTER कुंजी का पता लगाने के लिए keyCode के साथ on() का उपयोग करते हैं। पूरा कोड निम्नलिखित है -

उदाहरण

<!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="txtInput">
<script>
   $("#txtInput").on('keyup', function (event) {
      if (event.keyCode === 13) {
         console.log("Enter key pressed!!!!!");
      }
   });
</script>
</body>
</html>

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

आउटपुट

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

जावास्क्रिप्ट के साथ टेक्स्ट इनपुट फ़ील्ड में ENTER कुंजी का पता लगाएं

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

जावास्क्रिप्ट के साथ टेक्स्ट इनपुट फ़ील्ड में ENTER कुंजी का पता लगाएं


  1. जावास्क्रिप्ट के साथ स्क्रीन रिज़ॉल्यूशन का पता कैसे लगाएं?

    स्क्रीन रिज़ॉल्यूशन का पता लगाने के लिए, window.screen की अवधारणा का उपयोग करें। चौड़ाई के लिए, निम्न का उपयोग करें - window.screen.availWidth ऊंचाई के लिए - window.screen.availHeight स्क्रीन रिज़ॉल्यूशन का पता लगाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en&q

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

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

  1. जैसे ही मैं जावास्क्रिप्ट में टाइप करता हूं, एचटीएमएल टेक्स्ट इनपुट फ़ील्ड को बढ़ाएं?

    इसके लिए का इस्तेमाल करें। चूंकि आप इसमें टाइप करना चाहते हैं, इसलिए को − . के रूप में सेट करना न भूलें contenteditable=true उदाहरण दस्तावेज़ अवधि{ सीमा :ठोस 2px स्काईब्लू; } div {अधिकतम-चौड़ाई:500px; }जॉन स्मिथ उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम anyName.html(index.html) को सेव करें और