HTML-Formular - Antwort auf die Eingabetaste ohne Fokus

-1

Meine Login-JSP-Seite verwendet ein einfaches HTML-Formular mit Eingabe- und Submit-Feldern. Wenn der Fokus (Cursor) auf einem der Eingabefelder ist und ich die Eingabetaste drücke, wird das Formular wie erwartet übergeben. Ich möchte jedoch das gleiche Verhalten, wenn es keinen Fokus auf einem der Felder des Formulars gibt.HTML-Formular - Antwort auf die Eingabetaste ohne Fokus

Das Szenario ist, dass wenn die Seite geladen wird, der Browser automatisch die Eingabefelder aus seinem geheimen Stash füllt und ich möchte Enter drücken und das Formular absenden.

ich diese Seite gesucht, aber konnte eine relevante Antwort

Quelle

2016-07-04 Sharon Ben Asher

finden Wenn Sie Sie die keydown Ereignis hören nicht ein wenig JavaScript Geist und dann für einen Schlüssel eingeben zu überprüfen.

window.addEventListener("keydown", function(e) { 
 
    if (e.keyCode === 13) { 
 
    e.preventDefault(); 
 
    document.getElementById("form").submit(); 
 
    } 
 
});

Quelle

2016-07-04 06:43:07 Nick

hmm ... Ich muss zweimal drücken, um das Formular zu erhalten. Vielleicht mache ich etwas falsch? –

Ich habe 'id =" form "' zum Formularelement hinzugefügt und das Skript in '

Sie können das erreichen, indem die jQuerykeypress Funktion zu implementieren. So,

$(document).ready(function(){ 
    $(document).keypress(function (e){ 
     if(e.keyCode == 13){ 
      e.preventDefault(); 
      $('form').submit(); 
     } 
    }); 
});

Quelle

2016-07-04 06:43:11

Verwandte Themen