jquery klickt auf die Eingabetaste, um eine Beispielfreigabe für den Anmeldeeffekt zu erreichen

Als ich mich kürzlich bei einem Projekt anmeldete, musste ich jedes Mal auf die Anmeldeschaltfläche klicken, um die entsprechende Seite aufzurufen, was dem Benutzer ein sehr schlechtes Erlebnis bescherte, also habe ich die Verwendung der Eingabetaste zum Anmelden hinzugefügt. Dieser Artikel teilt Ihnen hauptsächlich eine JQuery-Methode mit, bei der Sie auf die Eingabetaste klicken, um den Anmeldeeffekt und den Standardfokus zu erzielen. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist. Folgen wir dem Herausgeber, um einen Blick darauf zu werfen. Ich hoffe, es kann allen helfen.

Methode:

<form> 
<input type="text" id="username_txt" placeholder="用户名" />
<input type="password" id="userpass_txt" placeholder="密码" />
    <button id="login_btn">登录</button>
</form>
$(function () { 
$(&#39;#username_txt&#39;).focus();
    //用户点击按钮
    $("#login_btn").click(function () {
    //获取用户名
    var username = $(&#39;#username_txt&#39;).val();
    //获取密码
    var userpass = $(&#39;#userpass_txt&#39;).val();
     if (username == "" || userpass == "") { alert("用户名密码不能为空！"&#39;); }
    else {
//调用登录方法
        $.ajax({
           
 });
 }
 });
$("body").keydown(function(event) {
 if (event.keyCode == "13") {//keyCode=13是回车键
$("#login_btn").click();
 }
}); 
});

Endgültiges Rendering:

Verwandte Empfehlungen:

Jquery Enter Key Trigger Event-Implementierungsmethode

Analysieren Sie die Unterschiede zwischen Eingabe-Senden, Schaltfläche und Eingabetaste zum Senden von Daten

Ausführliche Erklärung Eingabe absenden, Schaltfläche und Eingabetaste zum Absenden der Daten

Das obige ist der detaillierte Inhalt vonjquery klickt auf die Eingabetaste, um eine Beispielfreigabe für den Anmeldeeffekt zu erreichen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!