jquery點擊回車鍵實現(xiàn)登錄效果并默認焦點的方法
更新時間:2018年03月09日 15:44:20 作者:木雷雙雄7
下面小編就為大家分享一篇jquery點擊回車鍵實現(xià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)登錄效果并默認焦點的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實現(xiàn)的回車觸發(fā)按鈕事件功能示例
這篇文章主要介紹了jQuery實現(xiàn)的回車觸發(fā)按鈕事件功能,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-03-03
通過jQuery打造支持漢字,拼音,英文快速定位查詢的超級select插件
jQuery 超級select 插件 v3.0.0.0插件 支持漢字、拼音、英文快速定位查詢的超級select插件。可方向鍵、tab 鍵快速選擇。2010-06-06
jQuery實現(xiàn)的導(dǎo)航下拉菜單效果示例
這篇文章主要介紹了jQuery實現(xiàn)的導(dǎo)航下拉菜單效果,涉及jQuery事件響應(yīng)及元素動態(tài)操作相關(guān)技巧,非常簡便實用,需要的朋友可以參考下2016-09-09
JQuery中關(guān)于jquery.js與jquery.min.js的比較探討
jquery-1.4.2.min.js是優(yōu)化的,而query-1.4.2.js是易于開發(fā)著閱讀的,具體詳解祥看本文,希望對你有所幫助2013-05-05

