BLOG TOP

Javascriptでキー番号（キーコード）を取得する方法とキーコード一覧

2010年2月14日

Javascirptではonkeydown/onkeyupやonkeypress等のキーイベント が用意されています。

その際に、イベントオブジェクトを取得することができ、そのkeyCodeメンバにて どのキーが押されたのかが整数値で分かるようになっています。

例えば、以下のようにinputフォームで文字を入力するたびにそのキーコードを 取得することができます。

1
2
3
4
5
6
<form action=... > 
    <input type="text" onkeydown="hoge(event)"/> 
</form> 
<script type="text/javascript">
    function hoge(evt) { alert( evt.keyCode ); } 
</script>
キーごとの値は、以下のキーコード一覧が記載されているリンクを参考にしてください。 onkeydownとonkeypress実行時では微妙にキーコードが異なるようです。