【JavaScript】キーコード(keyCode)を取得する

スポンサーリンク

入力されたキーコードを取得して、キーコードに応じた処理をしたい時は、 次のような方法でキーコードを取得できます。

コード例


window.onload = function(){

    // keyup時
    window.onkeyup = keyCheck;
    
}

// イベントハンドラ
function keyCheck(e){
    console.log(e.keyCode);
    
    // keyCodeに応じた処理
    switch(e.keyCode){
        // left
        case 37:
            // 処理
            break;
            
        // up
        case 38:
            // 処理
            break;
    }
}

上のコードではwindowオブジェクトのonkeyupプロパティにイベントハンドラを登録します。 keydown時に処理をしたければ「window.onkeydown = keyCheck」とします。

「window.onkeyup = keyCheck;」はwindowを省略して「onkeyup = keyCheck;」でも構いません。 自分の好きな方で記述してください。

イベントハンドラ内で「e.keyCode」でキーコードが取得できます。 キーコードに応じた処理を記述するには、switch文やif文を使って処理を分岐させます。

ツール・書籍紹介

まとめ・一覧

基本編

数値

文字列

正規表現

日付・時刻

配列

関数

オブジェクト指向

DOM操作

API

便利な小技集

用語

実践編

関連サイト