最近在做項目登錄時,每次都需要點擊登錄按鈕才可以進(jìn)入相應(yīng)的頁面,給用戶一個很不好的體驗,所以我就添加使用回車鍵來實現(xiàn)登錄。
方法:
<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 {//調(diào)用登錄方法 $.ajax({ }); } });$("body").keydown(function(event) { if (event.keyCode == "13") {//keyCode=13是回車鍵$("#login_btn").click(); }}); });最終效果圖:

以上這篇jquery點擊回車鍵實現(xiàn)登錄效果并默認(rèn)焦點的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答