jquery中鍵盤事件小結_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){
    to_right(); 
    } 
    else if (event.keyCode == 38){ 
    to_top(); 
    } 
    else if (event.keyCode == 40){ 
    to_bottom();
    } 
}); 

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'});}