React：如何在 `contentEditable` div 上使用 `InputEvent` 参数捕获 `onInput` 事件？

Question

我需要从InputEvent中捕获historyUndo和historyRedo 。 问题是，我的contentEditable div 给了我FormEvent而不是InputEvent 。

const inputChanged = (e: InputEvent) => {
  //Error here because e is FormEvent type not InputEvent
  if(e.inputType === 'historyUndo' || e.inputType === 'historyRedo')
  {
    ....
  }
}

return <div contentEditable={true} onInput={(e) => inputChanged(e)}>
  ....
</div>

如何在 div contentEditable 上捕获InputEvent ？

Answer 1

您要做的是访问事件的nativeEvent属性。 类似的东西。

const inputChanged = (e) => {
  if(e.nativeEvent.inputType === 'historyUndo' || e.nativeEvent.inputType === 'historyRedo')
  {
    ....
  }
}

return <div contentEditable={true} onInput={(e) => inputChanged(e)}>
  ....
</div>