JavaScript से कीबोर्ड "एंटर" पर बटन क्लिक कैसे ट्रिगर करें?

JavaScript का उपयोग करके कीबोर्ड "एंटर" कुंजी दबाने पर बटन क्लिक ट्रिगर करने का कोड नीचे दिया गया है।

उदाहरण

<!DOCTYPE html> 
<html> 
<head> 
  <h1>एंटर कुंजी पर बटन क्लिक ट्रिगर उदाहरण</h1> 
  <input id="inputField" value="कुछ टेक्स्ट.." /> 
  <button id="alertBtn" onclick="alert('बटन क्लिक किया गया')"> बटन </button> 
  <h2> ऊपर दिए गए इनपुट फील्ड में "एंटर" कुंजी दबाकर बटन ट्रिगर करें। </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. keyup इवेंट - कुंजी छोड़ने पर फायर होता है
2. event.keyCode === 13 - 13 एंटर कुंजी का कोड है (लीगेसी)
3. event.preventDefault() - डिफ़ॉल्ट व्यवहार रोकता है (फॉर्म सबमिशन, नई लाइन)
4. .click() - प्रोग्रामेटिकली बटन क्लिक ट्रिगर करता है

आधुनिक दृष्टिकोण (event.key):

inputText.addEventListener("keydown", function(event) {
  if (event.key === "Enter") {  // keyCode के बजाय key उपयोग करें
    event.preventDefault();
    document.getElementById("alertBtn").click();
  }
});

की प्रॉपर्टीज तुलना:

फॉर्म में डिफ़ॉल्ट व्यवहार:

<form> के अंदर, इनपुट में एंटर दबाने से फॉर्म अपने आप सबमिट हो जाता है (डिफ़ॉल्ट बटन पर क्लिक)। इसे रोकने के लिए:

form.addEventListener('submit', (e) => {
  e.preventDefault(); // फॉर्म सबमिशन रोकें
  // कस्टम लॉजिक
});

उपयोग के मामले:

• सर्च बॉक्स - एंटर दबाकर सर्च करना
• चैट ऐप्स - एंटर से मैसेज भेजना (Shift+Enter नई लाइन)
• कमांड पैलेट - एंटर से कमांड एक्जीक्यूट
• कस्टम फॉर्म कंट्रोल्स - नेटिव सबमिशन ओवरराइड

Shift+Enter हैंडलिंग (मल्टीलाइन):

textarea.addEventListener('keydown', (e) => {
  if (e.key === 'Enter' && !e.shiftKey) {
    e.preventDefault();
    sendMessage();
  }
  // Shift+Enter = नई लाइन (डिफ़ॉल्ट व्यवहार)
});