jquery點(diǎn)擊回車鍵實(shí)現(xiàn)登錄效果并默認(rèn)焦點(diǎn)的方法
最近在做項(xiàng)目登錄時(shí),每次都需要點(diǎn)擊登錄按鈕才可以進(jìn)入相應(yīng)的頁面,給用戶一個(gè)很不好的體驗(yàn),所以我就添加使用回車鍵來實(shí)現(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(); //用戶點(diǎn)擊按鈕 $("#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點(diǎn)擊回車鍵實(shí)現(xiàn)登錄效果并默認(rèn)焦點(diǎn)的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery實(shí)現(xiàn)的回車觸發(fā)按鈕事件功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的回車觸發(fā)按鈕事件功能,涉及jQuery事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-03-03通過jQuery打造支持漢字,拼音,英文快速定位查詢的超級(jí)select插件
jQuery 超級(jí)select 插件 v3.0.0.0插件 支持漢字、拼音、英文快速定位查詢的超級(jí)select插件??煞较蜴I、tab 鍵快速選擇。2010-06-06jquery轉(zhuǎn)盤抽獎(jiǎng)功能實(shí)現(xiàn)
這篇文章主要介紹了jquery轉(zhuǎn)盤抽獎(jiǎng)功能實(shí)現(xiàn),實(shí)現(xiàn)的效果是九宮格大轉(zhuǎn)盤抽獎(jiǎng),應(yīng)用特別廣泛的轉(zhuǎn)盤抽獎(jiǎng)方式,感興趣的小伙伴們可以參考一下2015-11-11jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果,涉及jQuery事件響應(yīng)及元素動(dòng)態(tài)操作相關(guān)技巧,非常簡(jiǎn)便實(shí)用,需要的朋友可以參考下2016-09-09jquery實(shí)現(xiàn)簡(jiǎn)單Tab切換菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)簡(jiǎn)單Tab切換菜單效果的相關(guān)資料,需要的朋友可以參考下2016-06-06JQuery中關(guān)于jquery.js與jquery.min.js的比較探討
jquery-1.4.2.min.js是優(yōu)化的,而query-1.4.2.js是易于開發(fā)著閱讀的,具體詳解祥看本文,希望對(duì)你有所幫助2013-05-05