jquery_jquery のキーボード イベントの概要

1. まず知っておくべきことは次のとおりです:

1. キーダウン()
キーボードが押されると、keydown イベントがトリガーされます。

2. キーアップ()
keyup イベントは、キーが放されたとき、つまりキーボードを押して立ち上がった後のイベントがトリガーされます

3. キープレス()
keypress イベントは、キーがタップされたときにトリガーされ、同じキーを押したり離したりすると理解できます。

2. キーボードで対応する asciII コードを取得します。

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

$tips: 上記の例では、event.keyCode はキーボードでどのキーが押されたかを取得するのに役立ちます。たとえば、上下左右のキーは 38、40、それぞれ 37;

3. 例（キーボードの左右のキーを押す場合）

コードは次のとおりです:

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