javascript - react : Detect delete key pressed on canvas

Question

我可以从 Canvas 上触发 onKeyPress 事件

         <canvas
            id='canvas'
            ref={canvasRef}
            className='canvas'
            tabIndex={0}
            onKeyPress={(e: React.KeyboardEvent) => setKeyDown(e)}
          />

但是当我按delete而其他键记录值时，setKeyDown函数接收到的事件似乎没有触发，我想知道delete是否 键被按下。

  const setKeyDown = (event: React.KeyboardEvent<Element>) => {
    console.log(event.keyCode);
    console.log(event.key);
  };

我尝试使用 any 作为类型，但得到了相同的结果

Answer 1

onKeyPress 不捕获删除键。要捕获删除按键，请使用 onKeyDown 事件。

onKeyDown={(e: React.KeyboardEvent) => setKeyDown(e)}