Wie kann ich in JavaScript einen Button-Klick mit der Eingabetaste auslösen?

Schaltflächenklicks über JavaScripts Enter Key Magic auslösen

Bei der Webentwicklung ist es von entscheidender Bedeutung, Benutzern die bequeme Ausführung von Aktionen zu ermöglichen. Eine Möglichkeit zur Verbesserung der Benutzerfreundlichkeit besteht darin, ihnen das Auslösen von Schaltflächenklicks mithilfe der Eingabetaste in bestimmten Eingabefeldern zu ermöglichen.

Stellen Sie sich das Szenario vor, in dem Sie ein Eingabetextfeld (#txtSearch) und eine Schaltfläche (#btnSearch) auf Ihrem Gerät haben Seite. Sie möchten die doSomething()-Funktion der Schaltfläche ausführen, wenn die Eingabetaste im Textfeld gedrückt wird.

Die JavaScript-Fähigkeiten freisetzen

Um diese Funktionalität zu erreichen, kommt JavaScript zur Rettung. Konkret nutzen wir das Keyup-Ereignis, das ausgelöst wird, wenn eine Taste losgelassen wird. So können Sie es ganz einfach implementieren:

$("#txtSearch").keyup(function(event) {
  if (event.keyCode === 13) {
    $("#btnSearch").click();
  }
});

Aufschlüsselung:

• $("#txtSearch").keyup() erfasst das Keyup-Ereignis im Textfeld .
• if (event.keyCode === 13) prüft, ob die freigegebene Taste Enter ist (die einen keyCode von hat). 13).
• $("#btnSearch").click() simuliert einen Klick auf die Schaltfläche und löst die Funktion doSomething() aus.

Dieser Code stellt sicher, dass beim Drücken der Eingabetaste Wenn die Taste innerhalb des angegebenen Textfelds gedrückt wird, wird effektiv auf die entsprechende Schaltfläche geklickt.

Das obige ist der detaillierte Inhalt vonWie kann ich in JavaScript einen Button-Klick mit der Eingabetaste auslösen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!