区分 ng2-dragula 上的单击或拖动

【问题标题】：Differentiate between Click or Drag on ng2-dragula区分 ng2-dragula 上的单击或拖动
【发布时间】：2019-09-30 04:05:25
【问题描述】：

在demo page 上显示，您可以区分正常的左键单击和开始拖动。

点击或拖动！在mousemove 事件之前释放鼠标按钮时触发单击，否则触发拖动事件。无需额外配置。

我现在使用isInDragMode 变量，该变量在drag 事件中设置并在onSelect 中取消设置，但这里声明不需要额外配置。

那么有现成的解决方案吗？ ng2-dragula 看起来怎么样？

【问题讨论】：

标签： angular dragula ng2-dragula

【解决方案1】：

你可以试试下面的方法

var flag = 0;
var element = xxxx;
element.addEventListener("mousedown", function(){
    flag = 0;
}, false);
element.addEventListener("mousemove", function(){
    flag = 1;
}, false);
element.addEventListener("mouseup", function(){
    if(flag === 0){
        console.log("click");
    }
    else if(flag === 1){
        console.log("drag");
    }
}, false);

【讨论】：

我认为他的解决方案比你的要好。在这个概念中，如果您在实现中忘记了标志，则根本无法控制 mousedown 动作。真的不清楚。
这个我觉得很简单，如果你有其他的实现，告诉他。
他有一个解决方案：“我现在使用的是 isInDragMode 变量，它在拖动事件中设置并在 onSelect 中取消设置，但这里声明不需要额外配置。”，和这是更好的国际海事组织。