Zusammenfassung der Tastaturereignisse in jquery_jquery

1. Das erste, was Sie wissen müssen, ist:

1. keydown()
Das Keydown-Ereignis wird ausgelöst, wenn die Tastatur gedrückt wird.

2. keyup()
Das Keyup-Ereignis wird ausgelöst, wenn die Taste losgelassen wird, also das Ereignis, nachdem Sie die Tastatur gedrückt und aufgestanden sind

3. Tastendruck()
Das Tastendruckereignis wird ausgelöst, wenn eine Taste angetippt wird. Wir können es als Drücken und Anheben derselben Taste verstehen

2. Rufen Sie den entsprechenden ASCII-Code auf der Tastatur ab:

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

$tips: Im obigen Beispiel kann uns event.keyCode dabei helfen, herauszufinden, welche Tasten wir auf der Tastatur gedrückt haben. Es gibt den ASCII-Code zurück, zum Beispiel sind die Aufwärts-, Abwärts-, Links- und Rechtstasten 38, 40, bzw. 39;

3. Beispiel (beim Drücken der linken und rechten Tasten auf der Tastatur)

Der Code lautet wie folgt:

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