Web 開発を行う場合、Enter キーを押したときにフォームを送信したり、ユーザーによる特定の特殊文字の入力を禁止したり、ショートカット キーを設定したりするなど、キーボードに基づいていくつかの操作を実行する必要がある場合があります。現時点では、ユーザーがどのキーを押したかを調べ、そのキーをテストするための小さなプログラムを作成する必要があります。
$(document).ready (function( ){
var $down = $("#down");
var $press = $("#press");
var $up = $("#up");
$(document).keydown(function(event){
$down.append(String.fromCharCode(event.keyCode) " ");
if (event.ctrlKey) {
alert( "ctrl" );
}
}).keyup(function(event){
$up.append(String.fromCharCode(event.keyCode) " ");
}).keypress( function(event ){
$press.append(String.fromCharCode(event.keyCode) " ");
});
メソッドがトリガーされますdown : keyCode を配列にプッシュし、重複する要素を削除します。up がトリガーされたら、$.grep を使用して配列から keyCode を削除します。
この配列には現在押されているキーが常に格納され、順序はキー シーケンスに基づきます。
jQuery を使用して現在押されているキーを確認します
外部配列を使用して現在のキーを保存する方法です。
keydown がトリガーされると、keyCode を配列にプッシュし、重複する要素を削除します。keyup がトリガーされると、$.grep を使用して配列から keyCode を削除します。
実装コードは次のとおりです:
現在のキー :