jquery點擊斷行符號鍵實現登入效果執行個體分享

最近在做項目登入時，每次都需要點擊登入按鈕才可以進入相應的頁面，給使用者一個很不好的體驗，所以我就添加使用斷行符號鍵來實現登入。本文主要為大家分享一篇jquery點擊斷行符號鍵實現登入效果並預設焦點的方法，具有很好的參考價值，希望對大家有所協助。一起跟隨小編過來看看吧，希望能協助到大家。

方法：

<form> <input type="text" id="username_txt" placeholder="使用者名稱" /><input type="password" id="userpass_txt" placeholder="密碼" />    <button id="login_btn">登入</button></form>$(function () { $('#username_txt').focus();    //使用者點擊按鈕    $("#login_btn").click(function () {    //擷取使用者名稱    var username = $('#username_txt').val();    //擷取密碼    var userpass = $('#userpass_txt').val();     if (username == "" || userpass == "") { alert("使用者名稱密碼不可為空！"'); }    else {//調用登入方法        $.ajax({            }); } });$("body").keydown(function(event) { if (event.keyCode == "13") {//keyCode=13是斷行符號鍵$("#login_btn").click(); }}); });

最終：