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í)行函數to_left();
//判斷當event.keyCode 為39時(即右方面鍵),執(zhí)行函數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í)行函數to_left();
//判斷當event.keyCode 為39時(即右方面鍵),執(zhí)行函數to_right();
if(event.keyCode == 37){
to_left();
}else if (event.keyCode == 39){
to_right();
}
});
四、TIPS:
該實例常用于電子相冊瀏覽時。。。
相關文章
JQueryEasyUI框架下的combobox的取值和綁定的方法
這篇文章主要介紹了JQueryEasyUI框架下的combobox的取值和綁定的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-01-01jQuery EasyUI NumberBox(數字框)的用法
jQuery EasyUI 數字框(NumberBox)用法2010-07-07Bootstrap table 實現樹形表格聯動選中聯動取消功能
這篇文章主要介紹了Bootstrap table 實現樹形表格聯動選中聯動取消功能,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09