JavaScript OnKeyDownイベント
OnKeyDownイベントは、ユーザーがキーボードキーを押すとトリガーされます。 OnKeypressイベントとは異なり、OnKeyDownイベントはキープレス(ファンクションキーを含む)に応答するプロセスであり、OnKeypressイベントは、キャラクターキープレスの後に来るプロセスにのみ応答します。
ヒント
Internet Explorer/ChromeブラウザはEvent.keycodeを使用して押された文字を取得しますが、Netscape/Firefox/Opera使用イベントなどのブラウザー。
OnKeyDownユーザーが押すキーを取得します
以下は、OnkeyDownイベントを使用して、キーボードキーを押すユーザーに関する情報を取得する例です。
コードコピーは次のとおりです。
<html>
<body>
<script type = "text/javascript">
関数非抱擁(e)
{
var keynum;
var keychar;
keynum = window.event? E.Keycode:E。Which;
keychar = string.fromCharcode(keynum);
アラート(keynum+':'+keychar);
}
</script>
<入力型= "text" onkeydown = "return nonmbers(event)" />
</body>
</html>
上記の例に示すように、event.keycode/event.これはキー(Unicodeエンコード)に対応する数値を取得し、一般的に使用されるキー値は以下に対応します。
| 数値値 | 実際のキー値 |
|---|---|
| 48〜57 | 0〜9 |
| 65〜90 | AからZ(AからZ) |
| 112〜135 | F1〜F24 |
| 8 | バックスペース(バックスペース) |
| 9 | タブ |
| 13 | 入力 |
| 20 | caps_lock(caps lock) |
| 32 | スペース(スペースバー) |
| 37 | 左(左矢印) |
| 38 | アップ(矢印の上) |
| 39 | 右(右矢印) |
| 40 | ダウン(ダウン矢印) |
Webアプリケーションでは、イベントを使用する例をよく見ることができます。Keycode/Event.OnKeyDownイベントの例は、ユーザーのキーボード操作を取得し、特定のアプリケーションを実行します。キャップロックキー(20)がユーザーがログインすると押された場合、Capital Lockをプロンプトします。ユーザーが左右の矢印を押した場合、ページが上下するなどをトリガーします。
Unicodeエンコード値を取得した後、実際の対応するキー値を取得する必要がある場合は、SRRINGオブジェクトのfromCharcodeメソッド(String.FromCharcode())を介して取得できます。キャラクターは常に大文字であることに注意してください。一方、他の関数キーの場合、取得した文字は読みやすくないかもしれません。
PS:ここでは、JSイベントに関するオンラインクエリツールをお勧めします。これは、一般的に使用されるイベントタイプとJSの関数関数を要約しています。
JavaScriptイベントと機能の完全なリスト:
http://tools.vevb.com/table/javascript_event