jqueryキーボードの使用の概要 events_jquery-jsチュートリアル-php.cn

jqueryキーボードの使用の概要 events_jquery

WBOY

リリース： 2016-05-16 18:00:00

オリジナル

1048 人が閲覧しました

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

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

コピーコードコードは次のとおりです。

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

 

$tips: 上記の例では、event.keyCode はキーボードで押されたキーを取得するのに役立ちます (上、下など)。、左キーと右キー、それぞれ 38、40、37、39 です。3. 例 (キーボードの左キーと右キーを押した場合)

。

コードをコピーコードは次のとおりです: $(document).keydown(function(event){

//Judge events.keyCode が 37 (つまり左側のキー) の場合、関数 to_left() を実行します。 /event.keyCode が 39 (つまり右側のキー) の場合、関数

if( event.keyCode == 37){ 
//何かをする; 
}else if (event.keyCode == 39){ 
//何かをする; 
}); 🎜>
 

ケーススタディ: 

例: 小説 Web サイトでは、左キーと右キーを押して前の記事に移動し、Ctrl キーを押して Enter キーを押すのが一般的です。フォーム送信を実装する; Google Reader と Youdao Reading のすべてのショートカット キー操作... (ユーザー エクスペリエンスを向上させるため) 
Ctrl Enter を実装してフォームを送信することを意味する場合は、次のようにすることができます: 

コードをコピーします

コードは次のとおりです: $(document).keypress(function(e) { if (e.ctrlKey && e.that == 13) $("form").submit(); })

//キーボード操作

$(document) .keydown(function(event){ 
var e = イベント || window.event; 
var k = e.keyCode || e .that; 
switch(k) { 
ケース 37: 
//… 
ブレーク; 
ケース 39: 
//… 
ブレーク; 
} 
return false; 🎜>イベントの詳細な概要と説明: 
http://www.jb51.net/article/28772.htm
 


w3school の jQuery イベント リファレンス マニュアル
 

学習プロセス中に、対話性とユーザー エクスペリエンスを向上させる方法についてもっと考える必要があります。 