在使用拖动道具时,如何让 React Framer-motion 为手机触发 onClick 事件?
How do you get React Framer-motion to fire onClick events for mobiles when using the drag prop?
我目前正在使用 React 库 Framer Motion 来帮助在我的应用程序中制作一些我想要的手势动画。 "motion.div" 标签的 "drag" 属性 似乎有问题。
例如<motion.div drag>
<button onClick={this.eventHandler}>Framer Motion Click me</button>
</motion.div>
我已经复制了我在这里遇到的问题:https://codesandbox.io/embed/frosty-frog-xr2jj
onClick 在 laptops/google 开发工具上工作得很好,但是当使用 mobile/iOS 设备时,拖动 属性 似乎阻止了 onClick 事件。
如果你检查这个沙箱,你可以看到这个。该按钮在 laptop/desktop 设备的沙盒中可以正常工作,但如果您在手机上尝试,您将 运行 遇到问题
这只是我做错了什么,还是其他人遇到了这个错误?
任何帮助将不胜感激!
如果升级到 framer-motion@1.6.8
,这是 bug in the library. It's fixed now。
我目前正在使用 React 库 Framer Motion 来帮助在我的应用程序中制作一些我想要的手势动画。 "motion.div" 标签的 "drag" 属性 似乎有问题。
例如<motion.div drag>
<button onClick={this.eventHandler}>Framer Motion Click me</button>
</motion.div>
我已经复制了我在这里遇到的问题:https://codesandbox.io/embed/frosty-frog-xr2jj
onClick 在 laptops/google 开发工具上工作得很好,但是当使用 mobile/iOS 设备时,拖动 属性 似乎阻止了 onClick 事件。
如果你检查这个沙箱,你可以看到这个。该按钮在 laptop/desktop 设备的沙盒中可以正常工作,但如果您在手机上尝试,您将 运行 遇到问题
这只是我做错了什么,还是其他人遇到了这个错误?
任何帮助将不胜感激!
如果升级到 framer-motion@1.6.8
,这是 bug in the library. It's fixed now。