ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript/jquery キーボード イベントの概要

JavaScript/jquery キーボード イベントの概要

黄舟
リリース: 2016-12-16 10:52:46
オリジナル
1394 人が閲覧しました

1. 最初に知っておくべきことは次のとおりです:
1. keydown()
keydown イベントは、キーが押されたときにトリガーされます。 、キーボードを押して立ち上がった後、キーがタップされたときにイベント
3. keyPRess()
keypress イベントがトリガーされます。同じキーを押したり離したりすると理解できます

次に、対応する asciII コードを取得します。キーボード:

$(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){

} else if (event.keyCode == 39){

else if (event.keyCode == 37){ .keyCode == 38){
){ $(".abc") .CSS( {'left':'-=10'});}関数 to_right(){ $(".abc").css({ 'left':'+=10'});}関数 to_top(){$( ".abc").css({'top':'-=10'});}関数 to_bottom(){$(" .abc").css({'top':'+=10'}); }




上記は JavaScript/jquery キーボード イベントの紹介です。その他の関連記事については、PHP 中国語に注目してください。ウェブサイト (m.sbmmt.com)!



ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート