键盘快捷键不起作用

Question

我正在使用HandsOnTable jquery插件，并且我正在尝试处理特定的键组合（Alt+v）快捷方式。但由于某些原因，它不起作用，以下是我的代码和jsfiddle:

$(document).ready(function () {
var isCtrl = false;
var isShift = false;
var isAlt = false;
// action on key up
$(document).keyup(function (e) {
    if (e.which == 17) {
        isCtrl = false;
    }
    if (e.which == 16) {
        isShift = false;
    }
    if (e.which == 18) {
        isAlt = false;
    }
});
// action on key down
$(document).keydown(function (e) {
    if (e.which == 17) {
        isCtrl = true;
    }
    if (e.which == 16) {
        isShift = true;
    }
    if (e.which == 18) {
        isAlt = true;
    }
    if (e.which == 86 && isAlt) //alt+v
    {
        console.log("alt+v detected");
        e.preventDefault();
        e.stopImmediatePropagation();
        return false;
    }
});
});

Answer 1

我使用的是chromium，看起来所有的keydown事件都不会触发。我发现有一个beforeKeyDown回调，可以用来"修改keybindings"。使用它似乎有效：

$('#example').handsontable({
    data: data,
    minSpareRows: 1,
    colHeaders: true,
    contextMenu: true,
    beforeKeyDown: function (e) {
        if (e.altKey === true && e.which === 86) {
            console.log("alt-v");
            e.stopImmediatePropagation();
            e.preventDefault();
        }
    }
});

http://jsfiddle.net/JdzR3/

Answer 2

由于使用的是jQuery，因此可以对事件使用altkey属性。

$(document).on('keydown', function(e){
  var key = e.which || e.keyCode;
  if(e.altKey === true && key === 86){
     console.log("Alt+v");
  } 
});

请参阅https://developer.mozilla.org/en-US/docs/Web/API/event.altKey了解更多有关该事件和其他关键事件的信息。