区分ng2-dragula上的Click或Drag

Question

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

  

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

我现在正在使用isInDragMode变量，该变量在drag事件上设置，而在onSelect中未设置，但是这里声明不需要任何额外的配置。

那么，有没有一种现成的解决方案？ ng2-dragula的样子如何？

Answer 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);