ReactJS - 如何在移动端禁用长按弹出菜单而不影响点击事件？

Question

3

我正在使用ReactJS制作一个游戏，其中使用长按事件在游戏中执行某些操作（使用react-click-n-hold处理长按事件）。当我在移动浏览器上执行这些操作时，它总是会弹出上下文菜单。如何在不禁用单击和长按事件的情况下，在移动设备上禁用上下文菜单？

- Patrick Johnson

2个回答

1

有点晚了，但我在 API 中找到了 ContextMenuTrigger 元素的 holdToDisplay 标志。
基本上，如果你将该标志设置为 -1，则在按住鼠标点击（默认为 1000 毫秒）时禁用触发器。

<ContextMenuTrigger id='menu_id' holdToDisplay={-1}>
  // ...
</ContextMenuTrigger>

虽然我承认我没有在移动浏览器上测试过。
希望它能对未来的读者有所帮助。

- Tim-Snugget

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- CHues · Accepted Answer

<div onContextMenu={(e)=> e.preventDefault()}... />

这个来自Max Svid的解决方案对我起了作用。