时间戳

首页 > 解决方案 > 用于移动浏览器的 Reactjs 中的事件侦听器

javascript - 用于移动浏览器的 Reactjs 中的事件侦听器

问题描述

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

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


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

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

标签： javascriptreactjsevent-listener

解决方案

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

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

推荐阅读