React onKeyDown/onKeyUp Ereignisse auf Nicht-Eingabe-Elemente

Question

Ich muss Cmd-Taste nach oben und unten Ereignisse erfassen, um zu wählen, ob Verkettung oder nicht in SetState verwenden. Wie bekomme ich diese Ereignisse, zum Beispiel auf Tabellenelement?

Answer 1

Sie müssen den Tastendruck dann in Körper/Fenster-Ebene erfassen. Das Tabellenelement hat keinen Eingabefokus, daher können Sie die Schlüssel nicht aus der Tabelle erfassen (ohne Eingabeelement).

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