javascript - 键盘快捷键不起作用

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

我正在使用铬，看起来所有的 keydown 事件都没有触发。我发现有一个beforeKeyDown回调，可用于“修改键绑定”。使用它似乎有效：

$('#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。