Also der Code, den ich bisher habe, ist:

<fieldset id="LinkList">
    <input type="text" id="addLinks" name="addLinks" value="http://">
    <input type="button" id="linkadd" name="linkadd" value="add">
</fieldset>

Es ist nicht in einem <form> und ist genauso wie innerhalb von a <div>. Wenn ich jedoch etwas in die textbox namens “addLinks” Ich möchte, dass der Benutzer die Eingabetaste drücken und das “linkadd” auslösen kann button die dann eine JavaScript-Funktion ausführen.
Wie kann ich das machen?
Vielen Dank

Bearbeiten:
Ich habe diesen Code gefunden, aber er scheint nicht zu funktionieren.

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

$(document).ready(function(){
    $('#TextBoxId').keypress(function(e){
      if(e.keyCode==13)
      $('#linkadd').click();
    });
});

Es ist, ^ja, 2021. Und ich glaube, das gilt immer noch.

VERWENDE NICHT keypress

1. keypress Ereignis ist nicht ausgelöst wenn der Benutzer drückt eine Taste, die kein Zeichen erzeugtwie zum Beispiel Tab, Caps Lock, Löschen, Rücktaste, Fluchtlinks rechts WechselFunktionstasten(F1 – F12).

keypress Veranstaltung _{Mozilla-Entwicklernetzwerk}

Das keypress Ereignis wird ausgelöst, wenn eine Taste nach unten gedrückt wirdund dieser Schlüssel normalerweise erzeugt einen Zeichenwert. Verwenden input stattdessen.

2. Es ist veraltet.

keypress Veranstaltung _{UI-Ereignisse (Arbeitsentwurf des W3C veröffentlicht am 8. November 2018.)}

• HINWEIS | Das keypress Ereignis wird traditionell mit verbunden Erkennen a Zeichen Wert statt eines physischen Schlüsselsund ist in einigen Konfigurationen möglicherweise nicht auf allen Schlüsseln verfügbar.
• WARNUNG | Das keypress Der Ereignistyp wird in dieser Spezifikation zur Referenz und Vollständigkeit definiert, aber diese Spezifikation missbilligt die Verwendung dieses Ereignistyps. In Bearbeitungskontexten können Autoren die abonnieren beforeinput Ereignis statt.

VERWENDE NICHT KeyboardEvent.keyCode

1. Es ist veraltet.

KeyboardEvent.keyCode _{Mozilla-Entwicklernetzwerk}

Veraltet | Diese Funktion wird nicht mehr empfohlen. Obwohl einige Browser es möglicherweise noch unterstützen, wurde es möglicherweise bereits aus den relevanten Webstandards entfernt, wird möglicherweise fallen gelassen oder nur aus Kompatibilitätsgründen beibehalten. Vermeiden Sie es, es zu verwenden, und aktualisieren Sie nach Möglichkeit vorhandenen Code. sehen die Kompatibilitätstabelle unten auf dieser Seite, um Ihre Entscheidung zu erleichtern. Beachten Sie, dass diese Funktion jederzeit ausfallen kann.

Was soll ich denn verwenden? (Die gute Praxis)

// Make sure this code gets executed after the DOM is loaded.
document.querySelector("#addLinks").addEventListener("keyup", event => {
    if(event.key !== "Enter") return; // Use `.key` instead.
    document.querySelector("#linkadd").click(); // Things you want to do.
    event.preventDefault(); // No need to `return false;`.
});

Es gibt eine js-freie Lösung.

Satz type=submit auf die Schaltfläche, die Sie als Standard verwenden möchten, und type=button zu anderen Tasten. Jetzt können Sie im folgenden Formular in allen Eingabefeldern die Eingabetaste drücken und die Render Schaltfläche funktioniert (obwohl es die zweite Schaltfläche im Formular ist).

Beispiel:

    <button id='close_renderer_button' class="btn btn-success"
            title="Перейти к редактированию программы"
            type=button>
      <span class="glyphicon glyphicon-edit"> </span> Edit program
    </button>
    <button id='render_button' class="btn btn-primary"
            title="Построить фрактал"
            type=submit
            formaction='javascript:alert("Bingo!");'>
      <span class="glyphicon glyphicon-send"> </span> Render
    </button>

Getestet in FF24 und Chrome 35 (formaction ist HTML5-Funktion, aber type ist nicht).

1. Ersetze das button mit einer submit
2. Sei progressivstellen Sie sicher, dass Sie eine serverseitige Version haben
3. Binden Sie Ihr JavaScript an die submit Handler des Formulars, nicht der click Handler der Schaltfläche

Durch Drücken der Eingabetaste im Feld wird das Absenden des Formulars ausgelöst, und der Submit-Handler wird ausgelöst.

Sie könnten Ihrer Eingabe einen Ereignishandler wie folgt hinzufügen:

document.getElementById('addLinks').onkeypress=function(e){
    if(e.keyCode==13){
        document.getElementById('linkadd').click();
    }
}

Es funktioniert, wenn input type=”button” durch input type=”submit” für die Standardschaltfläche ersetzt wird, die ausgelöst werden muss.

Fügen Sie zunächst die jquery-Bibliotheksdatei hinzu Abfrage und rufen Sie es in Ihrem HTML-Kopf auf.

und dann Jquery-basierten Code verwenden …

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