如何检测Shift +右箭头+角度

时间:2015-05-13 15:05:04

标签: javascript angularjs keyboard-shortcuts keyboard-events keyup

我有一个问题是检测shift +右箭头+ p的角度 我正在使用角1.2.3 我没有问题只检测到右箭头+ p但是当换挡进入游戏时会出现刹车

当按下3个键时,检测情况很热的问题:SHIFT + RIGHT ARROW + P

以下是plunker

的工作示例
var app = angular.module('keyboardDemo', []);

app.controller('MainCtrl', function($scope, $timeout) {
    /**
     * 39 (right arrow)
     * 80 (p)
     */
    var map = {39: false, 80: false};

    $scope.onKeyUp = function(event){
        if (map[39] && map[80]) {
            $scope.data.message1 = "P + RIGHT pressed!";
            $timeout(function(){
               $scope.data.message1 = '';
            }, 1000);
        }

        if (event.shiftKey && map[39] && map[80]) {
            $scope.data.message2 = "SHIFT + P + RIGHT pressed!";
            $timeout(function(){
               $scope.data.message2 = '';
            }, 1000);
        }

        var keyCode = getKeyboardEventCode(event);
        if (keyCode in map) {
            clearKeyCode(keyCode);
        }
    };


    $scope.onKeyDown = function(event){
        var keyCode = getKeyboardEventCode(event);
        if (keyCode in map) {
            map[keyCode] = true;
        }
    }


    var getKeyboardEventCode = function (event) {
        return parseInt((window.event ? event.keyCode : event.which));
    };

    function clearKeyCode(code){
        map[code] = false;
    }

    $scope.data = {
      'message1': '',
      'message2': ''
    };
});

1 个答案:

答案 0 :(得分:1)

如评论中所述。你的代码工作得很好。在macOS上使用chrome,当我按下“SHIFT + P + RIGHT ARROW”并释放按键时,我会看到这两个消息。