【问题标题】:Can we implement Drag n Drop with touch events for mobile view?我们可以为移动视图实现带有触摸事件的拖放吗?
【发布时间】:2019-10-15 07:33:43
【问题描述】:

我正在使用简单的 HTML-5,并在 React JS 中使用 Drag n Drop 功能,没有任何库。我已经在网络上实现了,它运行良好,但是当我使用移动设备时它不起作用。有触摸事件来处理移动设备的触摸事件,但我没有实现任何解决方案。请推荐一些效果很好的东西。

【问题讨论】:

    标签: javascript reactjs drag-and-drop touch-event


    【解决方案1】:

    很少有 shim 库可以在移动设备上模拟 HTML5 拖放。

    示例:DragDropTouch

    他们通常会克隆您尝试在touchstart 上拖动的元素,复制所有样式并将其放到正文中,然后在touchmove 上更改此元素的位置并模拟拖动事件

    我在 dragee 中模拟原生拖放时也是如此。它在移动设备上运行良好,因为它是为在移动设备上工作并支持多点触控而开发的

    【讨论】:

    • 您提出的建议的演示在移动模式模拟器中的 Chrome 中不起作用。
    • @zmechanic,谢谢,只需 const isTouch = 'ontouchstart' in window 在 Chrome 移动模式模拟器中返回 false。我用来定义该设备是可触摸的。我会审查这种行为。
    猜你喜欢
    • 2013-01-26
    • 1970-01-01
    • 1970-01-01
    • 2019-05-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-23
    • 2012-04-18
    • 1970-01-01
    相关资源
    最近更新 更多