So erzielen Sie den JQuery-Carriage-Return-Anmeldeeffekt

Dieses Mal zeige ich Ihnen, wie Sie den jquery-Anmeldeeffekt mit Wagenrücklauf erreichen und welche Vorsichtsmaßnahmen es gibt, um den Jquery-Anmeldeeffekt mit Wagenrücklauf zu implementieren Fall, werfen wir einen Blick darauf.

Als ich kürzlich die Projektanmeldung durchgeführt habe, musste ich jedes Mal auf die Anmeldeschaltfläche klicken, um die entsprechende Seite aufzurufen, was dem Benutzer eine sehr schlechte Erfahrung bescherte, also habe ich die Verwendung von hinzugefügt Drücken Sie die Eingabetaste, um sich anzumelden.

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();
 }
}); 
});

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben, bitte Achten Sie auf die chinesische PHP-WebsiteAndere verwandte Artikel!

Empfohlene Lektüre:

Einige Zusammenfassung der Verwendung von DOM

So erstellen Sie einen Lupeneffekt für JD-Produktdetails

Das obige ist der detaillierte Inhalt vonSo erzielen Sie den JQuery-Carriage-Return-Anmeldeeffekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!