Ringkasan acara papan kekunci dalam jquery_jquery

1. Perkara pertama yang anda perlu tahu ialah:

1. keydown()
Acara keydown akan dicetuskan apabila papan kekunci ditekan.

2. keyup()
Acara kekunci akan dicetuskan apabila kekunci dilepaskan, iaitu acara selepas anda menekan papan kekunci dan bangun

3. Tekan kekunci()
Acara menekan kekunci dicetuskan apabila kekunci diketik. Kita boleh memahaminya sebagai menekan dan mengangkat kekunci yang sama

2. Dapatkan kod asciII yang sepadan pada papan kekunci:

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

$tips: Dalam contoh di atas, event.keyCode boleh membantu kami mendapatkan kekunci yang kami tekan pada papan kekunci Ia mengembalikan kod ASCII, contohnya, kekunci atas, bawah, kiri dan kanan ialah 38, 40, dan 37, masing-masing 39;

3. Contoh (apabila menekan kekunci kiri dan kanan pada papan kekunci)

Kod adalah seperti berikut:

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