react 支持HTML input元素和HTML textarea元素的selectionchange事件

q3aa0525  于 2022-10-28  发布在  React
关注(0)|答案(2)|浏览(174)

功能请求

所有浏览器本身都支持文档的“selectionchange”事件。但是,对于HTML input元素和HTML textarea元素,只有Firefox才支持。因此,如果将这些事件作为合成事件提供,将非常有帮助。
Check in caniuse的最大值
它的实现方式如下

onSelectionChange={()=>{}}
ht4b089n

ht4b089n1#

我想我们支持onSelect,它在引擎盖下面使用onselectionchange。它能做你想做的吗?

6rqinv9w

6rqinv9w2#

当我使用键(按shift和左/右箭头)更改选择时,它工作正常,但当我使用鼠标或触摸板通过拖动更改选择时,它不能正常工作。
“selectionchange”应在选择更改的每个字符触发,这意味着不仅在按下鼠标和释放鼠标时触发。
以下是演示:https://channyeintun.github.io/的最大值
您可以看到“React Synthetic Event”和我的自定义事件的区别。
在firefox浏览器中,你可以看到这个事件的正确方式。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/selectionchange_event

相关问题