Heim > Web-Frontend > js-Tutorial > Jquery antwortet auf die Eingabetaste und sendet direkt die Formularoperation code_jquery

Jquery antwortet auf die Eingabetaste und sendet direkt die Formularoperation code_jquery

WBOY
Freigeben: 2016-05-16 16:41:15
Original
1340 Leute haben es durchsucht

Die Sache ist so: Ich habe eine Anmeldeseite erstellt, das Formular entfernt und direkt Jquerys Ajax verwendet, um mit dem Server zu interagieren, aber in diesem Fall reagiert der Browser standardmäßig nicht auf die Eingabetaste, um die Daten zu übermitteln . Lassen Sie Jquery einfach die Antwort der Eingabetaste übernehmen:

Code kopieren Der Code lautet wie folgt:

$("#loginbox input[type='submit']").click(function() {
//Interaktive Ajax- und Server-Verifizierung
});
$('#loginbox').keydown(function(e){
If(e.keyCode == 13){
//Simulieren Sie das Klicken auf die Anmeldeschaltfläche und lösen Sie das Click-Ereignis oben
aus ​​​​ $("#loginbox input[type='submit']").click();
}
});

Wenn Sie Keydown verwenden, funktioniert IE6 möglicherweise nicht. Bitte lesen Sie unten die Lösung.

Es gibt 3 Tastaturereignisse:

Taste gedrückt, Tastendruck bzw. Taste hoch bedeuten jeweils das Herunterdrücken, Gedrückthalten ohne Anheben und Anheben der Tastatur.

Der korrekte Code lautet:

Code kopieren Der Code lautet wie folgt:

$(document).keyup(function(event){
if(event.keyCode ==13){
$("#submit").trigger("click");
}
});

Empfohlen: Keyup, um zu verhindern, dass die Laptop-Tastatur versehentlich berührt wird

1. In einigen Dokumenten steht es so:

Code kopieren Der Code lautet wie folgt:

$(window).keydown(function(){
...
})

Unter IE6 und XP-System ist dies erfolglos.

2. Es gibt auch EINGABE

Code kopieren Der Code lautet wie folgt:

$("input").keydown(function(){
...
})

In diesem Fall können Tastaturereignisse nur überwacht werden, wenn die Eingabe den Fokus erhält.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage