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

HTML में टेक्स्ट इनपुट में ENTER दबाने के बाद कैसे फायर करें?

एंटर की डिटेक्शन

HTML के साथ jQuery का उपयोग करके इसे प्राप्त करें और ENTER दबाने के बाद फायर करें:

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        $('input').bind("enterKey", function(e){
          alert("Enter key pressed");
        });
        $('input').keyup(function(e){
          if(e.keyCode == 13) {
            $(this).trigger("enterKey");
          }
        });
      });
    </script>
  </head>
  <body>
    <input type="text">
    <p>ऊपर दिए गए इनपुट टेक्स्ट में एंटर कुंजी दबाएं।</p>
  </body>
</html>

यह कस्टम "enterKey" इवेंट बनाने के लिए keyup इवेंट और keyCode 13 (Enter) चेक का उपयोग करता है।

  1. HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं? HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं?

    मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए, HTML <textarea> टैग का उपयोग करें। आप cols और rows एट्रिब्यूट्स का उपयोग करके टेक्स्ट एरिया का आकार सेट कर सकते हैं। इसका उपयोग फॉर्म के भीतर किया जाता है, ताकि उपयोगकर्ता कई पंक्तियों में टेक्स्ट इनपुट कर सकें।<textarea> टैग के एट्रिब्यूट्सएट्रिब्य

  1. HTML में डेट फ़ील्ड के साथ इनपुट टाइप फ़ील्ड का उपयोग कैसे करें? HTML में डेट फ़ील्ड के साथ इनपुट टाइप फ़ील्ड का उपयोग कैसे करें?

    <input type="date"> डेट के साथ इनपुट फ़ील्ड के लिए है। यह दिन, महीना और वर्ष के साथ डेट आसानी से दर्ज करने की अनुमति देता है। आप जन्मतिथि, पंजीकरण तिथि आदि के लिए उपयोगकर्ता इनपुट प्राप्त कर सकते हैं।जब आप इनपुट टाइप में डेट जोड़ने का प्रयास करेंगे तो एक डेटपिकर दिखाई देगा।नोट: इनपुट

  1. सेलेनियम के साथ HTML टेक्स्ट इनपुट में एंटर दबाने का अनुकरण कैसे करें? सेलेनियम के साथ HTML टेक्स्ट इनपुट में एंटर दबाने का अनुकरण कैसे करें?

    हम सेलेनियम वेबड्राइवर के साथ HTML टेक्स्ट इनपुट बॉक्स में एंटर दबाने का अनुकरण कर सकते हैं। हम sendKeys मेथड की मदद लेंगे और आर्गुमेंट के रूप में Keys.ENTER पास करेंगे। इसके अलावा, हम उसी कार्य को करने के लिए मेथड में आर्गुमेंट के रूप में Keys.RETURN पास कर सकते हैं। साथ ही, कोड में Keys क्लास का