javascript/jquery鍵盤事件介紹

一、首先需要知道的是：
1、keydown()
keydown事件會在鍵盤按下時觸發.
2、keyup()
keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件
3、keyPRess()
keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同一個按鍵

二、獲得鍵盤上對應的ascII碼：

$(document). keydown(function(event){
alert(event.keyCode);
});

 

$tips: 上面例子,event.keyCode就可以幫助我們取得到我們按下了鍵盤上的什麼按鍵,他回傳的是ascII碼,比如說上下左右鍵,分別是38,40,37,39；

三、實例（當按下鍵盤上的左右方面鍵時）
 代碼如下:

$(document) .keydown(function(event){
//判斷當event.keyCode 為37時（即左方面鍵），執行函數to_left(); //判斷當event.keyCode 為39時（即右方鍵），執行函數to_right();
if(event.keyCode == 37){
       to_left();
       }else if (event.keyCode == 39){ )   }
       else if (event.keyCode == 38){
       to_top();
       }
       else if (event.keyCode？
});

function to_left(){ $(".abc").CSS( {'left':'-=10'});}function to_right(){ $(".abc").css({'left':'+=10'});}function to_top(){$( ".abc").css({'top':'-=10'});}function to_bottom(){$(".abc").css({'top':'+=10'}); }


 

 以上就是javascript/jquery鍵盤事件介紹的內容，更多相關文章請關注PHP中文網（www.php.cn）！