非入力要素のonKeyDown/onKeyUpイベントに反応する

Question

setStateで連結を使用するかどうかを選択するために、cmdボタンのアップ/ダウンイベントをキャプチャする必要があります。どのようにして、これらのイベントをテーブル要素で取得するのですか？

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()); 
 
});