ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery_jquery以前のキー入力判定コード

jQuery_jquery以前のキー入力判定コード

WBOY
WBOYオリジナル
2016-05-16 18:31:541149ブラウズ

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 を削除します。

実装コードは次のとおりです:

コードをコピーしますコードは次のとおりです:
現在のキー :


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。