将 e.哪个推送到数组不等于给定数组

Question

知道这里有什么问题吗？想不通...它说arr不等于[17, 67]

var key = function(keys, fn) {
    var arr = [];
    $(document).on({
        keydown: function(e) {
            arr.push(e.which);
            if (arr === keys) {
                fn();
            }
        },
        keyup: function() {
            arr = [];
        }
    });
};
// ctrl + c
key([17, 67], function() {
    alert(true);
});

这是一个小提琴

更新

由于 Cymen 的答案有效，但是如果您按 ctrl + a，然后按 ctrl + alt + a，反之亦然，您必须触发第二个快捷方式两次才能工作，有什么想法吗？

新小提琴。

var key = function(keys, fn) {
    var arr = [];
    $(document).on({
        keydown: function(e) {
            arr.push(e.which);
            for (var i = 0; keys[i]; i++) {
                if (arr[i] !== keys[i]) {
                    return false;
                }
            }
            fn(e);
            arr = [];
        },
        keyup: function() {
            arr = [];
        }
    });
};
// ctrl + c
key([17, 67], function() {
    alert(true);
});
// ctrl + alt + c
key([17, 18, 67], function() {
    alert('ctrl+alt+c');
});

Answer 1

不能使用 === 来检查数组在内容上是否相等。使用 JavaScript 控制台查看它：

[17, 35] === [17, 35]
false
a = [17, 35]
[17, 35]
a === a
true

因此，数组===检查的是引用而不是值。你可以使用其他的东西，比如下划线来进行比较，或者如果是某种挑战，你可以自己写一个。或者，由于您只比较两个元素，请执行以下操作：

var key = function(keys, fn) {
    var arr = [];
    $(document).on({
        keydown: function(e) {
            arr.push(e.which);
            if (arr[0] === keys[0] && arr[1] === keys[1]) {
                fn();
                arr = [];  // added this to avoid buggyness
            }
            console.log(arr);
            console.log(keys);
        },
        keyup: function() {
            arr = [];
        }
    });
};
// ctrl + c
key([17, 67], function() {
    alert(true);
});​

http://jsfiddle.net/9LbsD/

对于两个以上的键，如 CTRL+Alt+C

You need an array comparison that works for variable lengths like this one:
var equalArrays = function(array1, array2) {
    if (array1.length != array2.length) {
        return false;
    }
    for (var i=0; i < array1.length; i++) {
        if (array1[i] !== array2[i]) {
            return false;
        }
    }
    return true;    
}
var key = function(keys, fn) {
    var arr = [];
    $(document).on({
        keydown: function(e) {
            arr.push(e.which);
            console.log('arr', arr, 'keys', keys, 'match', equalArrays(arr, keys));
            if (equalArrays(arr, keys)) {
                fn();
                arr = [];                
            }
            console.log(arr);
            console.log(keys);
        },
        keyup: function() {
            arr = [];
        }
    });
};
// ctrl + c
key([17, 67], function() {
    alert(true);
});
// ctrl + alt + c
key([17, 18, 67], function() {
    alert('ctrl+alt+c');
});

http://jsfiddle.net/WZLut/

一种不那么错误的方法

我们需要跟踪按下了哪些键，但是一个键只能在一个组合中按下一次（我假设），并且在 keyup 时，我们应该只删除向上的键而不是所有键。因此，这是一种可行的方法：

var equalArrays = function(array1, array2) {
    return _.isEqual(array1, array2);
}
var key = function(keys, fn) {
    var arr = [];
    $(document).on({
        keydown: function(e) {
            arr = _.without(arr, e.which);
            arr.push(e.which);
            if (equalArrays(arr, keys)) {
                fn();             
            }
        },
        keyup: function(e) {
            arr = _.without(arr, e.which);
            arr = _.uniq(arr);
        }
    });
};
// ctrl + c
key([17, 67], function() {
    alert('ctrl+c');
});
// ctrl + alt + c
key([17, 18, 67], function() {
    alert('ctrl+alt+c');
});

​

http://jsfiddle.net/BgQUA/