這篇文章給大家分享的是有關(guān)jquery中如何使用回車鍵實現(xiàn)登錄效果并默認焦點的方法的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)是專業(yè)的天寧網(wǎng)站建設公司,天寧接單;提供成都網(wǎng)站制作、成都網(wǎng)站建設、外貿(mào)營銷網(wǎng)站建設,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行天寧網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
最近在做項目登錄時,每次都需要點擊登錄按鈕才可以進入相應的頁面,給用戶一個很不好的體驗,所以我就添加使用回車鍵來實現(xiàn)登錄。
方法:
$(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(); } }); });最終效果圖:
感謝各位的閱讀!關(guān)于“jquery中如何使用回車鍵實現(xiàn)登錄效果并默認焦點的方法”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!