css - Angular 2 : User drag for touch devices at runtime

Question

我有一个允许拖动和调整内部元素的网格。我希望在拖动元素时出现拖动效果。如果我在 css 中针对该元素添加 user-drag 属性，则它不允许调整大小。因此，我在运行时(使用 Renderer.setElementStyle)在 MouseMove 方法上将该 css 属性附加到元素。对于与鼠标相关的操作，这一切都完美无缺。

现在，我需要为触摸设备复制相同的内容。基本上，我需要将用户拖动属性附加到 touchStart 事件上的元素。使用 Renderer.setElementStyle 没有帮助。

问题:1. 如果我们使用用户拖动属性，拖动效果在触摸设备上可见吗？2. 如果是，我们如何在运行时在 Angular 应用程序中设置它？

Answer 1

这个问题的答案:

HTML5 拖放 API 不支持基于触摸的交互。只有鼠标。因此，设置此属性对于触摸情况无关紧要。

要实现拖放，应该使用触摸事件(touchstart、touchmove、touchend、touchcancel)或利用库来构建它。