JS Touch Drop事件缺少offsetX / layerX

时间:2018-11-13 12:54:23

标签: angular typescript drag-and-drop touch

因此,我有一个Angular应用程序,必须将对象(HTML元素)拖放到时间轴上并获得准确的放置位置。

我正在使用ng-drag-drop

时间轴覆盖页面的动态区域,这就是为什么我不能使用touchmove事件的视口属性的原因。

在桌面模式下,
我从以下位置计算放置位置:

const clientWidth = event.nativeEvent.toElement
      ? event.nativeEvent.toElement.clientWidth
      : event.nativeEvent.target.clientWidth;
    const order_position_time =
      (event.nativeEvent.layerX / clientWidth)

其中事件是放置事件。

现在,客户已经介绍了触摸要求。因此,我包含了这个polyfill:

  

dragDropTouch polyfill

现在,当我将元素拖放到时间线中时,drop事件同时缺少offsetX和layerX。请问如何在触摸模式下计算放置位置?

0 个答案:

没有答案