Angular 2：用户在运行时拖动触摸设备

Question

我有一个网格，允许拖动内部的项目并调整其大小。我希望在拖动项目时显示拖动效果。如果我使用css中的用户拖动属性来反对该元素，则它不允许调整大小。所以，我在运行时（使用Renderer.setElementStyle）在MouseMove方法上将该css属性附加到元素。它完全适用于与鼠标相关的操作。

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

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

Answer 1

回答这个问题：

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

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