JavaScript onkeydown イベントのエントリ例 (キーボードのキーが押されたとき)-jsチュートリアル-php.cn

JavaScript onkeydown イベントのエントリ例 (キーボードのキーが押されたとき)

PHPz

リリース： 2018-09-30 14:49:38

転載

2879 人が閲覧しました

この記事では主に JavaScript の onkeydown イベントの紹介例を紹介します。onkeydown イベントは、キーボード上の特定のキーが押されたときの状況をキャプチャします。

JavaScript onkeydown イベント

onkeydown イベントは、ユーザーがキーボードのキーを押すとトリガーされます。 onkeypress イベントとは異なり、onkeydown イベントは任意のキー (ファンクションキーを含む) を押す処理に応答しますが、onkeypress イベントは押された文字キーの処理にのみ応答します。

ヒント

Internet Explorer/Chrome ブラウザは押された文字を取得するためにevent.keyCodeを使用しますが、Netscape/Firefox/Operaなどのブラウザはevent.thatを使用します。

onkeydown はユーザーが押したキーを取得します

次に、onkeydown イベントを使用してユーザーが押したキーボードキーの情報を取得する例を示します。 🎜>

<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
    var keynum;
    var keychar;
    keynum = window.event ? e.keyCode : e.which;
    keychar = String.fromCharCode(keynum);
    alert(keynum+&#39;:&#39;+keychar);
}
</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>

ログイン後にコピー

上記の例に示すように、event.keyCode/event.that はキーに対応する数値 (Unicode エンコーディング) を取得します。共通キーの値は、

Web アプリケーションでは、いくつかのアプリケーション例を実行するためにユーザーのキーボード操作の一部を取得するために、onkeydown イベントのevent.keyCode/event.what を使用しましょうということがよくあります。たとえば、ユーザーがログインするときに Caps Lock キー (20) を押すと、ページめくり、左右の矢印を押したり、ページを上下に押したりすると、Caps Lock のプロンプトが表示されます。がトリガーされます。

数字值	实际键值
48到57	0到9
65到90	a到z（A到Z）
112到135	F1到F24
8	BackSpace（退格）
9	Tab
13	Enter（回车）
20	Caps_Lock（大写锁定）
32	Space（空格键）
37	Left（左箭头）
38	Up（上箭头）
39	Right（右箭头）
40	Down（下箭头）

Unicode エンコード値を取得した後、実際の対応するキー値を取得する必要がある場合は、Srting オブジェクトの fromCharCode メソッド (String.fromCharCode()) を通じて取得できます。文字の場合は常に大文字が表示され、その他の一部のファンクションキーでは読みにくい文字が表示されることに注意してください。

PS: ここでは、JS イベントに関するオンラインクエリツールをお勧めします。これは、JS の一般的に使用されるイベントタイプと関数をまとめたものです上記はこの章の全内容です。その他の関連チュートリアルについては、

JavaScript ビデオチュートリアル

をご覧ください。