用于移动浏览器的 Reactjs 中的事件侦听器答案

【问题标题】：Event Listener in Reactjs for mobile browser用于移动浏览器的 Reactjs 中的事件侦听器
【发布时间】：2020-12-16 06:17:13
【问题描述】：

目前我正在 Reactjs 中构建一个应用程序并处理一项任务。该任务包括从页面中选择/突出显示文本并在输入字段中显示所选/突出显示的文本（如图所示）

在这里，我通过使用 onMouseUpCapture（我也尝试过 onMouseUp）事件从 react 实现了此逻辑，并从 窗口获取选定/突出显示的文本。 getSelection().toString() 并且当我从笔记本电脑/计算机在浏览器上查看此页面时，它按预期工作。

但是，当我从移动浏览器打开相同的应用程序时，我没有将选定/突出显示的文本发送到输入字段。

任何人都可以帮助我知道，我们是否需要移动浏览器的其他事件侦听器或如何使其在移动浏览器中工作。我做了一些谷歌，但找不到解决方案。提前致谢：）

【问题讨论】：

标签： javascript reactjs event-listener

【解决方案1】：

您在使用移动浏览器时有触摸事件，我相信移动设备中onMouseUp 事件的对应物是onTouchEndevent。

您可以在此处阅读更多信息：https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/ontouchend

【讨论】：