jquery按回車鍵實現表單提交的簡單實例
本文章在給大家介紹在用戶輸入完信息之后直接按回車進行表單提交的jquery實現方法,有需要了解的朋友可進來參考以。
鍵盤事件有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系統IE6下是不成功的。
2.還有INPUT的
$("input").keydown(function(){ ... })
這種情況要在input獲取焦點時候,才能監(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實現方法:
$("#loginform").keydown(function(e){ var e = e || event, keycode = e.which || e.keyCode; if (keycode==13) { $(".log_btn").trigger("click"); } });
以上這篇jquery按回車鍵實現表單提交的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
輕量級jQuery插件slideBox實現帶底欄輪播(焦點圖)代碼
這篇文章主要介紹了輕量級jQuery插件slideBox實現帶底欄輪播(焦點圖)代碼,代碼簡單易懂,非常實用,特此分享腳本之家平臺供大家學習2016-03-03jQuery實現的點贊隨機數字顯示動畫效果(附在線演示與demo源碼下載)
這篇文章主要介紹了jQuery實現的點贊隨機數字顯示動畫效果,并附帶在線演示與demo源碼供讀者下載.涉及jQuery鼠標事件響應及基于animate動畫效果實現技巧,需要的朋友可以參考下2015-12-12jquery focus(fn),blur(fn)方法實例代碼
jquery focus(fn),blur(fn)方法實例代碼,需要的朋友可以參考下。2011-12-12