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

Question

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

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

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

那么有没有开箱即用的解决方案？看起来如何ng2-dragula？

标签： angulardragulang2-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);