jquery鍵盤事件介紹
更新時間：2011年01月31日 14:38:54 作者：
jquery鍵盤事件介紹，使用jquery的朋友可以參考下。
一、首先需要知道的是：
1、keydown()
keydown事件會在鍵盤按下時觸發(fā).
2、keyup()
keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件
3、keypress()
keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵
二、獲得鍵盤上對應的ascII碼：
$(document).keydown(function(event){
alert(event.keyCode);
});
$tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤上的什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39；
三、實例（當按下鍵盤上的左右方面鍵時）
$(document).keydown(function(event){
//判斷當event.keyCode 為37時（即左方面鍵），執(zhí)行函數(shù)to_left();
//判斷當event.keyCode 為39時（即右方面鍵），執(zhí)行函數(shù)to_right();
if(event.keyCode == 37){
to_left();
}else if (event.keyCode == 39){
to_right();
}
});
四、TIPS:
該實例常用于電子相冊瀏覽時。。。
1、keydown()
keydown事件會在鍵盤按下時觸發(fā).
2、keyup()
keyup事件會在按鍵釋放時觸發(fā),也就是你按下鍵盤起來后的事件
3、keypress()
keypress事件會在敲擊按鍵時觸發(fā),我們可以理解為按下并抬起同一個按鍵
二、獲得鍵盤上對應的ascII碼：
$(document).keydown(function(event){
alert(event.keyCode);
});
$tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤上的什么按鍵,他返回的是ascII碼,比如說上下左右鍵,分別是38,40,37,39；
三、實例（當按下鍵盤上的左右方面鍵時）
復制代碼 代碼如下:
$(document).keydown(function(event){
//判斷當event.keyCode 為37時（即左方面鍵），執(zhí)行函數(shù)to_left();
//判斷當event.keyCode 為39時（即右方面鍵），執(zhí)行函數(shù)to_right();
if(event.keyCode == 37){
to_left();
}else if (event.keyCode == 39){
to_right();
}
});
四、TIPS:
該實例常用于電子相冊瀏覽時。。。
相關文章
詳解jQuery同步Ajax帶來的UI線程阻塞問題及解決辦法
本篇文章主要介紹了jQuery同步Ajax帶來的UI線程阻塞問題及解決辦法，具有一定的參考價值，有興趣的可以了解一下2017-08-08
jQuery Tab插件 用于在Tab中顯示iframe，附源碼和詳細說明
最近有個需求，需要在Tab中放置iFrame，于是做了一個jQuery的Tab插件。2011-06-06
這篇文章主要介紹了jquery如何自定義表格樣式，分別實現(xiàn)三種樣式：默認狀態(tài)（灰白相間），鼠標懸浮狀態(tài)（綠色），鼠標點擊狀態(tài)（黃色），感興趣的小伙伴們可以參考一下2015-11-11
上次做了一個前端項目，其中有功能要求實現(xiàn)jquery 全選和反選功能，下面小編抽個時間把實現(xiàn)代碼分享到腳本之家平臺供大家參考下2016-08-08
jQuery Easyui datagrid/treegrid 清空數(shù)據(jù)
這篇文章主要介紹了jQuery Easyui datagrid/treegrid 清空數(shù)據(jù)的相關資料2016-07-07
這篇文章主要介紹了jQuery同步提交實現(xiàn)方法,實例分析了jQuery基于ajax實現(xiàn)同步提交的具體技巧,以及jQuery版本更新的使用注意事項,需要的朋友可以參考下2015-12-12
jquery.form.js實現(xiàn)將form提交轉為ajax方式提交的方法
這篇文章主要介紹了jquery.form.js實現(xiàn)將form提交轉為ajax方式提交的方法,涉及jQuery插件實現(xiàn)form表單的Ajax提交技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
判斷jquery對象是否存在的方法有很多，在本文將為大家詳細介紹下，通過length屬性是如何判斷的2013-10-10
jQuery Pagination分頁插件_動力節(jié)點Java學院整理
此jQuery插件為Ajax分頁插件，一次性加載，故分頁切換時無刷新與延遲，如果數(shù)據(jù)量較大不建議用此方法，因為加載會比較慢。下面通過本文給大家分享jQuery Pagination分頁插件的使用方法及參數(shù)介紹，感興趣的朋友一起看看吧2017-07-07
這篇文章主要是對jquery與prototype框架進行了詳細的對比介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11