Geben Sie die Trigger-Taste klicken

Es ist wichtig zu Lesen, die HTML-Spezifikationen, um wirklich zu verstehen, was Verhalten ist zu erwarten:

Den HTML5-Spezifikation besagt ausdrücklich, was geschieht, in implizite Beiträge:

Einem form-element das Standard-Schaltfläche ist der erste submit-button in einen Baum, um dessen form-Besitzer ist das form-element.

Wenn der user-agent unterstützt damit die Benutzer ein Formular Absenden implizit (zum Beispiel, auf einigen Plattformen schlagen die "enter" - Taste, während ein text-Feld fokussiert wird implizit das Formular absendet), dann tun dies für eine form, deren default-Taste hat eine definierte Aktivierung Verhalten hervorrufen muss, der user-agent ausgeführt synthetischen klicken Sie auf Aktivierung Schritte auf, die Schaltfläche Standard.

War dies nicht ausdrücklich in der HTML4-Spezifikation, jedoch Browsern bereits umsetzen, was beschrieben ist in der HTML5-Spezifikation (das ist, warum es aufgenommen explizit).

Bearbeiten, um hinzuzufügen:

Die einfachste Antwort, die ich denken kann, ist, um Ihre submit-button als Erster [type="submit"] Element in der form, hinzufügen Polsterung an der Unterseite der form mit css absolut positionieren Sie den Absenden-button am unteren Rand, wo Sie möchten, es.

InformationsquelleAutor zzzzBov

Durch drücken von 'Enter' auf konzentriert <input type="text"> Sie "trigger" klicken Sie auf " Veranstaltung auf das erste element positioniert: <button> oder <input type="submit">. Wenn Sie die Taste 'Enter' in <textarea> Sie macht einfach eine neue text-Zeile.

Siehe Beispiel hier.

Dein code verhindert, um eine neue Textzeile in <textarea>, so haben Sie zu fangen-Taste nur für <input type="text">.

Aber warum müssen Sie drücken Enter im text-Feld? Wenn Sie möchten, senden Sie das Formular durch drücken von 'Enter', aber die <button> bleiben muss, die erste im layout, spielen Sie einfach mit dem markup: legen Sie die <input type="submit"> code vor der <button> und verwenden Sie CSS, um das layout speichern, die Sie benötigen.

Fangen Sie "Enter" und speichern markup:

$('input[type="text"]').keypress(function (e) {
    var code = e.keyCode || e.which;
    if (code === 13)
    e.preventDefault();
    $("form").submit(); /*add this, if you want to submit form by pressing `Enter`*/
});

InformationsquelleAutor Feniks502

Drücken der EINGABETASTE in einem Formular-Textfeld wird standardmäßig das Formular abschicken. Wenn Sie nicht wollen, dass es funktioniert, die Möglichkeit haben, erfassen Sie die enter-Taste drücken und konsumieren, wie Sie es getan haben. Es gibt keinen Weg, um dieses. Es wird so funktionieren, auch wenn es keine Schaltfläche im Formular vorhanden.

InformationsquelleAutor Sparafusile

Ich würde es wie folgt aus: In der Behandlungsroutine für das Ereignis onclick des button (nicht submit) finden Sie im event-Objekts ein. Wenn es "geben" würde ich "false" zurück.

InformationsquelleAutor Satyajit

Dom Beispiel

  <button onclick="anotherFoo()"> Add new row</button>
  <input type="text" name="xxx" onclick="foo(event)">

javascript

function foo(event){
   if(event.which == 13 || event.keyCode == 13) //for crossbrowser
   {
     event.preventDefault(); //this code prevents other buttons triggers use this
     //do stuff
   }
}

function anotherFoo(){
  //stuffs.
}

wenn Sie nicht preventDefault(), andere Tasten werden ausgelöst.

InformationsquelleAutor Mehmet Kus