Heim > Web-Frontend > js-Tutorial > Einführung in Javascript/JQuery-Tastaturereignisse

Einführung in Javascript/JQuery-Tastaturereignisse

黄舟
Freigeben: 2016-12-16 10:52:46
Original
1395 Leute haben es durchsucht

1. Das erste, was Sie wissen müssen:
keydown()
keydown-Ereignis wird ausgelöst, wenn die Tastatur gedrückt wird
keyup-Ereignis Wird ausgelöst, wenn die Taste losgelassen wird, d. h. das Ereignis, nachdem Sie die Tastatur gedrückt und angehoben haben
3. Das Tastendruckereignis wird ausgelöst, wenn die Taste gedrückt wird Es entspricht dem Drücken und Anheben derselben Taste

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 ASCII-Code, z. B. die Aufwärts-, Abwärts-, Links- und Rechts-Tasten. Es ist 38, 40, 37, 39; Beispiel (beim Drücken der linken und rechten Taste auf der Tastatur). > Der Code lautet wie folgt:

$(document).keydown(function (event){

//Beurteilen Sie, ob event.keyCode 37 ist (d. h. linke Taste), führen Sie die Funktion to_left() aus; //Beurteilen Sie, wann event.keyCode 39 ist (d. h. rechte Seitentaste), führen Sie die Funktion to_right aus ();

if(event.keyCode == 37){

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




Das Obige ist die Einführung in Javascript/JQuery-Tastaturereignisse. Weitere verwandte Artikel finden Sie hier zur chinesischen PHP-Website (m.sbmmt.com)!



Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage