events - 在非输入元素上 react onKeyDown/onKeyUp 事件

Question

我需要捕获cmd按钮的向上和向下事件，以便选择是否在setState中使用串联。例如，我如何在表元素上获取这些事件？

Answer 1

您必须在主体/窗口级别捕获按键。表元素没有输入焦点，因此您无法从表中捕获键(没有输入元素)。

var cmdDown = false;

document.body.addEventListener('keydown', function(event) {
  var key = event.keyCode || event.charCode || 0;
  if ([91,93,224,17].indexOf(key) !== -1) {
    cmdDown = true;
  }
  console.log('CMD DOWN: ' + cmdDown.toString());    
});

document.body.addEventListener('keyup', function(event) {
  var key = event.keyCode || event.charCode || 0;
  if ([91,93,224,17].indexOf(key) !== -1) {
    cmdDown = false;
  }
  console.log('CMD DOWN: ' + cmdDown.toString());
});