jquery點擊斷行符號鍵實現登入效果並預設焦點的方法，jquery斷行符號鍵

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

最終：

以上這篇jquery點擊斷行符號鍵實現登入效果並預設焦點的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。