【问题标题】:How do you get React Framer-motion to fire onClick events for mobiles when using the drag prop?使用拖动道具时,如何让 React Framer-motion 触发手机的 onClick 事件?
【发布时间】:2019-09-25 22:38:28
【问题描述】:

我目前正在使用 React 库 Framer Motion 来帮助为我的应用程序中的一些手势设置动画。我似乎对“motion.div”标签的“拖动”属性有疑问。

例如<motion.div drag> <button onClick={this.eventHandler}>Framer Motion Click me</button> </motion.div>

我已经复制了我在这里遇到的问题:https://codesandbox.io/embed/frosty-frog-xr2jj

onClick 在笔记本电脑/谷歌开发工具上运行良好,但是在使用移动/iOS 设备时,拖动属性似乎阻止了 onClick 事件。

如果您查看此沙盒,您可以看到这一点。该按钮在笔记本电脑/台式设备的沙盒中可以正常工作,但如果您在移动设备上尝试,您会遇到问题

这只是我做错了什么还是其他人遇到了这个错误?

任何帮助将不胜感激!

【问题讨论】:

    标签: javascript reactjs react-native framerjs framer-motion


    【解决方案1】:

    这是bug in the library。如果升级到framer-motion@1.6.8,则为fixed now

    【讨论】:

    • 可以确认这个bug已经解决。如果其他人正在阅读这篇文章并遇到此错误,请确保在更新之前先完全卸载 framer-motion,它会像魅力一样工作!
    • 这不是固定的。 -- 截至 2020 年 4 月,我仍然在可拖动对象内看到多个点击处理程序
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-02-13
    • 1970-01-01
    • 2020-08-28
    • 2023-01-31
    • 1970-01-01
    • 2020-12-28
    • 2020-12-02
    相关资源
    最近更新 更多