Wie löst man mithilfe von JavaScript einen Schaltflächenklick mit der Eingabetaste in einem Textfeld aus?

Schaltflächenklick aus dem Textfeld auslösen, Eingabetaste mit JavaScript

Um das Klickereignis einer Schaltfläche auszulösen, wenn die Eingabetaste in einem bestimmten Text gedrückt wird Nutzen Sie im Feld den folgenden jQuery-Code:

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

So geht's funktioniert:

• $("#id_of_textbox"): Wählt das Textfeldelement anhand seiner ID aus.
• .keyup(function(event)): Registriert einen Keyup-Ereignis-Listener auf dem Textfeld.
• event.keyCode === 13: Prüft, ob der gedrückte Tastencode 13 ist, was der Eingabetaste entspricht key.
• $("#id_of_button").click(): Löst das Klickereignis auf dem Schaltflächenelement mit der angegebenen ID aus.

Betrachten Sie beispielsweise den folgenden HTML-Code:

<input type="text">

Um die Schaltfläche „Suchen“ auszulösen, klicken Sie, wenn die Eingabetaste im Textfeld „txtSearch“ gedrückt wird. Verwenden Sie diese jQuery Code:

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

Das obige ist der detaillierte Inhalt vonWie löst man mithilfe von JavaScript einen Schaltflächenklick mit der Eingabetaste in einem Textfeld aus?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!