滑动不触发文档点击幻灯片(React上的示例)



有一个全局文档点击事件(React hook useClickAway(。但当你点击幻灯片时,事件不会启动。例如:在标题中打圆圈,就像头像下拉菜单一样,点击它触发菜单。如果您在外面的任何地方单击,菜单都会关闭。当点击滑动时,如何在没有黑客的情况下关闭菜单?Codesandbox示例

道具touchStartPreventDefault={false}是解决方案

尝试在您的刷卡器设置中将allowTouchMove道具设置为false

默认情况下,道具设置为true,以通过拖动和防止任何其他不需要的点击传播来允许滑动器幻灯片的移动,从而使文档点击不会触发。

将其更改为false可能会阻止拖动以移动滑动器幻灯片,但它解决了问题。点击此处查看文档

最新更新