20140515/JQueryでキーボードショートカット

f:id:ruemui:20140515203619j:plain

今日はJQueryでキーボードショートカットつくった。意外と簡単だった。

function shortcut() {
        var $window = $(window);
        var shortcut1 = 49; /*キーボードショートカット 1*/
        var shortcut2 = 50; /*キーボードショートカット 2*/
        var shortcut3 = 51; /*キーボードショートカット 3*/

        $window.on('keypress', function(event) {
            // 使用したいキーを調べる
            console.log(event.keyCode);
            switch(event.keyCode) {
                case shortcut1:
                    /* '1'キーを押した時の処理 */
                    break;
                case shortcut2:
                    /* '2'キーを押した時の処理 */                 
                    break;
                case shortcut3:
                    /* '3'キーを押した時の処理 */
                    break;
            };
        });
    }
    shortcut();

初めてswitch文を効果的に使った気がする。