jquery 鍵盤事件的使用方法詳解
更新時間：2017年09月13日 09:46:02 作者：chenhaibo0806999
這篇文章主要介紹了jquery 鍵盤事件的使用方法詳解的相關資料,主要介紹keydown()、keyup()、keypress()等三種方法，需要的朋友可以參考下
jquery 鍵盤事件的使用方法詳解
jQuery處理鍵盤事件有三個函數(shù),根據(jù)事件發(fā)生的順序分別是:
jquery 代碼：
1. keydown();
2. keyup();
3. keypress();
keydown()
keydown事件會在鍵盤按下時觸發(fā),可以在綁定的函數(shù)中歐能夠返回false來防止觸發(fā)瀏覽器的默認事件.
keyup()
keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件.
keypress()
keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵.
鍵盤事件可以傳遞一個參數(shù)event,其實說有的jQuery事件函數(shù)中都可以傳遞這么一個參數(shù):
jquery 代碼：
$('input').keydown(function(event){
alert(event.keyCode);
});
上面代碼中的,event.keyCode就可以幫助我們獲取到我們按下了什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39
如果我們要實現(xiàn)ctrl+Enter就是ctrl+回車提交表單
$(document).keypress(function(e) {
if (e.ctrlKey && e.which == 13)
$("form").submit();
}) ;
如有疑問請留言或者到本站社區(qū)交流討論，大家共同進步，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
放大鏡效果想必大家都有見到過吧，就是圖片的局部放大，下面有個不錯的這個放大鏡的代碼挺簡單滴效果也不錯，感興趣的朋友可以練練手2013-11-11
這篇文章主要介紹了jquery如何實現(xiàn)點擊消失,需要的朋友可以參考下2014-03-03
這篇文章主要為大家詳細介紹了jQuery利用鍵盤上下鍵移動表格內容，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
jQuery倒計時插件，主要用來限時購買，需要的朋友可以參考下。2011-05-05
這篇文章主要介紹了jquery預加載圖片的方法,涉及jQuery操作圖片的相關技巧,需要的朋友可以參考下2015-05-05
如何在頁面上同時使用 jQuery 和其他框架？2013-04-04
這篇文章主要介紹了JQuery中extend怎么使用,需要的朋友可以參考下2014-03-03
這篇文章主要為大家詳細介紹了jquery樹形插件zTree高級使用教程，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-08-08
深入淺析ng-bootstrap 組件集中 tabset 組件的實現(xiàn)分析
這篇文章主要介紹了ng-bootstrap 組件集中 tabset 組件的實現(xiàn)分析 ,本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-07-07
下面小編就為大家?guī)硪黄猨Query頁面加載初始化的幾種方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06