ゼロからわかる現代JavaScript

ここは、ふぇりあ１６歳が不定期に連載しているオンライン小説のページです。

VNIふぇりあ16歳へ

ゼロからわかる現代JavaScript

４０．キーコードの取得

JavaScriptを使っていくと、キーボードから操作したいことが良くあります。

そこで、キーボードの配列、つまりキーコードを取得してみましょう。

キーボードのAや１などの文字にはそれぞれ番号が設定されているのです。

・onkeydown

ボタンが押された時に発生するイベントがonkeydownイベントです。

そしてイベントが発生した時に

・keyCode

イベントオブジェクトのkeyCodeプロパティから、キーコードを取得します。

今回使用するソースコード

function main() {

　　//ドキュメントオブジェクトのキーダウンイベントにメソッドを結びつける
　　document.onkeydown = function () {
　　//キーコードを取得する(IE)
　　var kc = event.keyCode;
　　//キーコードを文字に変換
　　var chr = String.fromCharCode(kc);
　　//DOMを使って出力
　　document.getElementById("str1").innerHTML = kc + "は" + chr;
　　}

}

その結果をDOMを使って出力しています。

DOMに関しては、前の章を参照してください。

きちんとキーコードが出力されているのが確認できると思います。

実行結果

コラム：

このキーコードの取得の誌方はIEのみになります、
他のブラウザでは方法が違いますので、調べてみると良いでしょう。