5.javascriptでキーボードの値を受け取る
キーボードの値を受け取る方法です。
window.addEventListener関数を使用します。
// キーの登録
window.addEventListener('keydown', KeyDown, true);
window.addEventListener('keyup', KeyUp, true);
window.addEventListener( event, function, useCapture )
- event
- イベント名、ここではkeydown、keyup
- function
- イベントで入力した操作が行われた時に呼び出される関数名
- useCapture
- デフォルトでfalse、よくわからない
これで、キーを押したときに指定した関数が呼ばれるようになりました。
次は、呼び出される関数を見ていきます。
/*
キーを押した時の操作
*/
function KeyDown(event) {
var code = event.keyCode; // どのキーが押されたか
switch(code) {
// エンターキー
case 13:
g_ReturnPush = true;
break;
// スペースキー
case 32:
g_bSpacePush = true;
break;
// ←キー
case 37:
g_bLeftPush = true;
break;
// →キー
case 39:
g_bRightPush = true;
break;
// ↑キー
case 38:
g_bUpPush = true;
break;
// ↓キー
case 40:
g_bDownPush = true;
//event.preventDefault(); // なんだこれ?
break;
case 65:
// aキー
g_bAPush = true;
break;
}
}
/*
キーを離した時のイベント
*/
function KeyUp(event) {
code = event.keyCode;
switch(code) {
// エンターキー
case 13:
g_ReturnPush = false;
break;
// スペースキー
case 32:
g_bSpacePush = false;
break;
// ←キー
case 37:
g_bLeftPush = false;
break;
case 39:
// →キー
g_bRightPush = false;
break;
case 38:
// ↑キー
g_bUpPush = false;
break;
case 40:
// ↓キー
g_bDownPush = false;
break;
case 65:
// aキー
g_bAPush = false;
break;
}
}
キーボード入力の取得について
キーにはそれぞれ決められた番号が振られています。
以下のサイトでキーの番号が確認できます
http://www.programming-magic.com/file/20080205232140/keycode_table.html
これで、キーボードの入力を獲得することができるようになりました。