- 相關(guān)推薦
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è)按鍵
二、獲得鍵盤(pán)上對(duì)應(yīng)的ascII碼:
$(document).keydown(function(event){
alert(event.keyCode);
});
$tips: 上面例子中,event.keyCode就可以幫助我們獲取到我們按下了鍵盤(pán)上的什么按鍵,他返回的是ascII碼,比如說(shuō)上下左右鍵,分別是38,40,37,39;
三、實(shí)例(當(dāng)按下鍵盤(pán)上的左右方面鍵時(shí))
復(fù)制代碼 代碼如下:
$(document).keydown(function(event){
//判斷當(dāng)event.keyCode 為37時(shí)(即左方面鍵),執(zhí)行函數(shù)to_left();
//判斷當(dāng)event.keyCode 為39時(shí)(即右方面鍵),執(zhí)行函數(shù)to_right();
if(event.keyCode == 37){
to_left();
}else if (event.keyCode == 39){
to_right();
}
});
四、TIPS:
該實(shí)例常用于電子相冊(cè)瀏覽時(shí)。。。
【jquery鍵盤(pán)事件】相關(guān)文章:
如何理解jquery事件冒泡09-15
機(jī)械鍵盤(pán)與薄膜鍵盤(pán)鍵盤(pán)的區(qū)別09-13
jQuery程序設(shè)計(jì)08-05
jquery提交按鈕的代碼07-28
淺析jQuery 遍歷函數(shù)javascript08-06
jQuery中prev()方法用法07-16
jQuery的DOM操作筆記07-29
鍵盤(pán)設(shè)備是什么07-12
怎樣保持鍵盤(pán)清潔10-10