REECT：如何使用``contineDistable div''divent'gruments捕获“输入”事件？

发布于 2025-02-08 19:06:24 字数 535 浏览 1 评论 0原文

我需要从inputevent捕获historyundo historyedo 。问题是，我的可满足的 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 Contendedible上捕获inputevent？

原文

I need to catch historyUndo and historyRedo from InputEvent. The problem is, my contentEditable div is giving me FormEvent not 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>

How can I catch InputEvent on div contentEditable?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情感失落者 2025-02-15 19:06:24

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

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

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

What you want to do is access the nativeEvent property of the event. Something similar to this.

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

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

回复收藏 0 原文

~没有更多了~