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

बटन को ट्रिगर कैसे करें कीबोर्ड पर जावास्क्रिप्ट के साथ दर्ज करें पर क्लिक करें?


एक बटन को ट्रिगर करने के लिए जावास्क्रिप्ट के साथ कीबोर्ड "एंटर" पर क्लिक करें, कोड इस प्रकार है -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<h1>Trigger Button Click on Enter Example</h1>
<input id="inputField" value="Some text.." />
<button id="alertBtn" onclick="alert('Button has been clicked')">
Button
</button>
<h2>
Press the "Enter" key inside the above input field to trigger the button.
</h2>
<script>
   var inputText = document.getElementById("inputField");
   inputText.addEventListener("keyup", function(event) {
      if (event.keyCode === 13) {
         event.preventDefault();
         document.getElementById("alertBtn").click();
      }
   });
</script>
</body>
</html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

बटन को ट्रिगर कैसे करें कीबोर्ड पर जावास्क्रिप्ट के साथ दर्ज करें पर क्लिक करें?

फील्ड में कुछ टाइप करने और फिर एंटर दबाने पर -

बटन को ट्रिगर कैसे करें कीबोर्ड पर जावास्क्रिप्ट के साथ दर्ज करें पर क्लिक करें?


  1. कैसे बटन क्लिक पर जावास्क्रिप्ट में एक div छिपाने के लिए?

    मान लें कि निम्नलिखित हमारा div है - <div id="showOrHide"> Welcome in JavaScript </div> निम्नलिखित हमारा बटन है। क्लिक करने पर, उपरोक्त डिव छिप जाना चाहिए - <button onclick="showOrHideDiv()">Click The Button</button> div को छिपाने के लिए JavaScript में s

  1. बटन पर ली तत्वों को कैसे हटाएं जावास्क्रिप्ट में क्लिक करें?

    मान लें कि निम्नलिखित हमारी अनियंत्रित सूची (उल) है - JavaScript निकालें MySQL Remove MongoDB निकालें Java निकालें ऊपर, आप प्रत्येक ली तत्व के साथ निकालें बटन देख सकते हैं। इस बटन पर क्लिक करने पर, आप किसी भी li तत्व को हटा सकते हैं। बटन क्लिक पर ली तत्वों को हटाने के लिए कोड निम्नलिखित है; उद

  1. बटन पर नाम कैसे जोड़ें और हटाएं जावास्क्रिप्ट के साथ क्लिक करें?

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