2016.12.22
2020.1.7

キーダウン(KeyDown)処理の作成方法

キーダウン操作時に処理を実行したいことがあったので、その時のメモです。

コード

以下のコードでは、数字の1~5が押された時に処理を実行します。キーコード97~101はテンキー側の数字キーになります。


document.onkeydown = function(e) {
    switch (e.keyCode) {
        case 49:    // 1
        case 97:    // 1
            alert("1");
            break;
        case 50:    // 2
        case 98:    // 2
            alert("2");
            break;
        case 51:    // 3
        case 99:    // 3
            alert("3");
            break;
        case 52:    // 4
        case 100:   // 4
            alert("4");
            break;
        case 53:    // 5
        case 101:   // 5
            alert("5");
            break;
    }
};

JavaScript】関連記事