【发布时间】:2019-10-15 07:33:43
【问题描述】:
我正在使用简单的 HTML-5,并在 React JS 中使用 Drag n Drop 功能,没有任何库。我已经在网络上实现了,它运行良好,但是当我使用移动设备时它不起作用。有触摸事件来处理移动设备的触摸事件,但我没有实现任何解决方案。请推荐一些效果很好的东西。
【问题讨论】:
标签: javascript reactjs drag-and-drop touch-event
我正在使用简单的 HTML-5,并在 React JS 中使用 Drag n Drop 功能,没有任何库。我已经在网络上实现了,它运行良好,但是当我使用移动设备时它不起作用。有触摸事件来处理移动设备的触摸事件,但我没有实现任何解决方案。请推荐一些效果很好的东西。
【问题讨论】:
标签: javascript reactjs drag-and-drop touch-event
很少有 shim 库可以在移动设备上模拟 HTML5 拖放。
他们通常会克隆您尝试在touchstart 上拖动的元素,复制所有样式并将其放到正文中,然后在touchmove 上更改此元素的位置并模拟拖动事件
我在 dragee 中模拟原生拖放时也是如此。它在移动设备上运行良好,因为它是为在移动设备上工作并支持多点触控而开发的
【讨论】:
const isTouch = 'ontouchstart' in window 在 Chrome 移动模式模拟器中返回 false。我用来定义该设备是可触摸的。我会审查这种行为。