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