ホームページ > 記事 > ウェブフロントエンド > JavaScript onkeydown イベントのエントリ例 (キーボードのキーが押されたとき)
JavaScript onkeydown イベントのエントリ例 (キーボードのキーが押されたとき)
- PHPz転載
- 2016-05-16 16:33:492848ブラウズ
この記事では主に 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+':'+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 ビデオ チュートリアル