在TouchStart本机事件开始拖动 - Angular2

Question

我需要drag&drop在移动设备上添加事件,touchstart事件按预期触发,但没有明显的效果.

那么,是否有可能启动本机拖放事件touchstart或者您是否知道一个示例,例如with @HostListener,其中显示了如何处理此问题？

this.htmlElement.ontouchstart = (touchEvent: TouchEvent) => {
     // here I check if user intend starting a drag&drop or if there are some other touch behaviours

    if (dragging) {
        // What to do here to start drag and drop
    }
}

提前感谢您的回复!

Answer 1

Angular支持拖动,因此您可以像这样使用它们:

<div (drop)="onDrop($event, dropData)" (dragover)="allowDrop($event)"> Drop here</div>
<div (dragstart)="onDragStart($event, dragData)">drag me </div>

https://plnkr.co/edit/xAjNaXvrMouM5q33YoIG?p=info

以下是我猜的所有列表:

(dragleave)
(drag)
(dragend)
(dragenter)
(dragexit)
(dragover)
(dragstart)
(drop)

对于触摸相关事件,您应该使用像HammerJs和Angular2 这样的东西.