Heim  >  Artikel  >  Web-Frontend  >  Klicken Sie mit jquery auf die Eingabetaste, um den Anmeldeeffekt zu erzielen (ausführliches Tutorial).

Klicken Sie mit jquery auf die Eingabetaste, um den Anmeldeeffekt zu erzielen (ausführliches Tutorial).

亚连
亚连Original
2018-05-31 14:54:252295Durchsuche

Im Folgenden werde ich Ihnen eine JQuery-Methode zum Klicken auf die Eingabetaste vorstellen, um den Anmeldeeffekt und den Standardfokus zu erzielen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

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 .

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 Rendern:

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Ausführliches Tutorial zur Verwendung von Angular CLI zum Generieren von Angular 5-Projekten

Analyse von Javascript-Prototypen und Prototypenketten

jquery implementiert die Drag-Upload-Fortschrittsbalkenfunktion für Dateien

Das obige ist der detaillierte Inhalt vonKlicken Sie mit jquery auf die Eingabetaste, um den Anmeldeeffekt zu erzielen (ausführliches Tutorial).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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