jquery按回車鍵實(shí)現(xiàn)表單提交的簡單實(shí)例
本文章在給大家介紹在用戶輸入完信息之后直接按回車進(jìn)行表單提交的jquery實(shí)現(xiàn)方法,有需要了解的朋友可進(jìn)來參考以。
鍵盤事件有3:
jquery鍵盤事件參考:
1、keydown()
keydown事件會在鍵盤按下時觸發(fā).
2、keyup()
keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件
3、keypress()
keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵
正確代碼為:
$(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } });
推薦:keyup,防止筆記本鍵盤不小心觸摸到了
1.有些文檔中有寫成這樣:
$(window).keydown(function(){ ... })
XP系統(tǒng)IE6下是不成功的。
2.還有INPUT的
$("input").keydown(function(){ ... })
這種情況要在input獲取焦點(diǎn)時候,才能監(jiān)聽到鍵盤事件。
例表單如下:
<form name="loginform" id="loginform" method="post"> <div> <p>用戶名:<input type="text" name="username" /></p> <p>密碼:<input type="password" name="password" /></p> <p><input type="button" value="" class="log_btn" /></p> </div> </form>
juqery實(shí)現(xiàn)方法:
$("#loginform").keydown(function(e){ var e = e || event, keycode = e.which || e.keyCode; if (keycode==13) { $(".log_btn").trigger("click"); } });
以上這篇jquery按回車鍵實(shí)現(xiàn)表單提交的簡單實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
實(shí)例解析jQuery中proxy()函數(shù)的用法
proxy()主要用于在同樣的上下文語境中指向另一個對象,下面我們就以實(shí)例解析jQuery中proxy()函數(shù)的用法,需要的朋友可以參考下2016-05-05jQuery入門基礎(chǔ)知識學(xué)習(xí)指南
這篇文章主要介紹了jQuery入門基礎(chǔ)知識學(xué)習(xí)指南,jQuery是當(dāng)下最主流人氣最高的JavaScript庫,需要的朋友可以參考下2015-08-08輕量級jQuery插件slideBox實(shí)現(xiàn)帶底欄輪播(焦點(diǎn)圖)代碼
這篇文章主要介紹了輕量級jQuery插件slideBox實(shí)現(xiàn)帶底欄輪播(焦點(diǎn)圖)代碼,代碼簡單易懂,非常實(shí)用,特此分享腳本之家平臺供大家學(xué)習(xí)2016-03-03jQuery實(shí)現(xiàn)的點(diǎn)贊隨機(jī)數(shù)字顯示動畫效果(附在線演示與demo源碼下載)
這篇文章主要介紹了jQuery實(shí)現(xiàn)的點(diǎn)贊隨機(jī)數(shù)字顯示動畫效果,并附帶在線演示與demo源碼供讀者下載.涉及jQuery鼠標(biāo)事件響應(yīng)及基于animate動畫效果實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-12-12運(yùn)用jquery實(shí)現(xiàn)table單雙行不同顯示并能單行選中
(該方法是對《運(yùn)用jquery實(shí)現(xiàn)(table)單雙行不同顯示并能多行選中》的改進(jìn),適合于單行選擇)2009-07-07jquery focus(fn),blur(fn)方法實(shí)例代碼
jquery focus(fn),blur(fn)方法實(shí)例代碼,需要的朋友可以參考下。2011-12-12使用異步controller與jQuery實(shí)現(xiàn)卷簾式分頁
這篇文章主要介紹了使用異步controller與jQuery實(shí)現(xiàn)卷簾式分頁,使用異步controller與jQuery按需加載內(nèi)容,當(dāng)用戶開始通過網(wǎng)站的內(nèi)容滾動時進(jìn)一步加載內(nèi)容。,需要的朋友可以參考下2019-06-06JQuery中Ajax()的data參數(shù)類型實(shí)例分析
這篇文章主要介紹了JQuery中Ajax()的data參數(shù)類型,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax方法中data的具體類型,需要的朋友可以參考下2015-12-12