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跨Iframe選擇實現(xiàn),下面也通過用DOM方法與jquery方法結(jié)合的方式實現(xiàn)了，需要的朋友可以參考下。2010-08-08
這篇文章主要介紹了jquery實現(xiàn)簡單手風琴菜單效果的方法,實例分析了jQuery操作頁面樣式、html頁面布局及SCSS樣式設(shè)置的相關(guān)技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細介紹了Jquery實現(xiàn)異步上傳文件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了jquery 自定義容器下雨效果可將下雨圖標改為其他,需要的朋友可以參考下2014-04-04
下面小編就為大家?guī)硪黄狫Query 獲取Dom元素的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
獲取select的value、text值的簡單示例（jquery與javascript）
本篇文章主要分享了獲取select的value、text值的簡單示例代碼，代碼簡潔明了，有需要的朋友可以參考下2016-12-12
無論瀏覽器處于什么樣的設(shè)置，都要讓這個彈出的窗口最大化，那么怎么辦呢？下面為大家介紹下讓瀏覽器窗口從默認大小變成我們自己的設(shè)置2013-09-09
基于jQuery實現(xiàn)的旋轉(zhuǎn)彩圈實例
這篇文章主要介紹了基于jQuery實現(xiàn)的旋轉(zhuǎn)彩圈,涉及jQuery定時操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-06-06
jquery調(diào)整表格行tr上下順序?qū)嵗v解
這篇文章主要為大家介紹了jquery調(diào)整表格行tr上下順序?qū)嵗?，具有一定的參考價值，感興趣的朋友可以參考一下2016-01-01
這篇文章主要介紹了Jquery 在頁面加載后執(zhí)行的幾種方式,需要的朋友可以參考下2014-03-03