Различайте щелчок или перетаскивание на ng2-dragula

Question

На демонстрационной странице показано, что вы можете различить обычный щелчок левой кнопкой мыши и начало перетаскивания.

Нажмите или перетащите! Выполняет щелчок, когда кнопка мыши отпускается до события 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);