Reactjs 禁用移动长按路由器链接标签

Reactjs 禁用移动长按路由器链接标签,reactjs,anchor,react-router,long-press,progressive-web-apps,Reactjs,Anchor,React Router,Long Press,Progressive Web Apps,我正在开发一个渐进式的web应用程序,希望用户将其添加到主屏幕,以独立模式启动应用程序(全屏无浏览器地址栏)。然而,由于我使用了很多react routerLink组件(我相信这只是一个锚定标签),每当我长按封装在Link中的组件时,会弹出一个菜单,其中包含选项,即复制链接地址…在chrome中打开等。有没有办法阻止这种情况发生,因为我不希望用户离开独立模式,在浏览器中打开链接 不要使用,而是在自定义组件上使用createBrowserHistory.push函数。用户选择“无”将不起作用。您可

我正在开发一个渐进式的web应用程序,希望用户将其添加到主屏幕,以独立模式启动应用程序(全屏无浏览器地址栏)。然而,由于我使用了很多react routerLink组件(我相信这只是一个锚定标签),每当我长按封装在Link中的组件时,会弹出一个菜单,其中包含选项,即复制链接地址…在chrome中打开等。有没有办法阻止这种情况发生,因为我不希望用户离开独立模式,在浏览器中打开链接

不要使用,而是在自定义组件上使用createBrowserHistory.push函数。用户选择“无”将不起作用。

您可能希望尝试使用禁用事件。我在react路由器上试过,但你可以试试,因为它是一个网络应用。将
-webkit touch callout
设置为
none
将禁用来自目标(如链接)的调用,并将
-webkit user select设置为不可选择文本。希望这有帮助。我建议你不要这样做。用户期望长时间的新闻会有一种特殊的行为方式,如果把它搞砸了,他们会生气的。他们已经决定将你的应用图标添加到他们的主屏幕上,如果他们愿意,允许他们在Chrome中打开链接。