prevent dragStop automate fire click event

[wulucxy]

as non-delegate-drag.html example：

I have add onClick event：

d.id = "draggable_" + count++;
d.style.left = x + "px";
d.style.top = y + "px";
d.className = 'w';
+ d.addEventListener('click', () => {
+    console.log('clickkkkkk')
+ })
i.className = "inner";
d.appendChild(i);

when I dragStop the node element，click event fired。

So，how can I separate the dragStop event and click event?

[sporritt]

browsers fire the click event even if the element has moved between mousedown and mouseup. try instead binding to the tap event.

[wulucxy]

@sporritt but tap only fired on mobile device.....

[sporritt]

have you tested that?

[wulucxy]

yes。

d.addEventListener('tap', () => {
    console.log('tap event')
})

it will never fired

[sporritt]

i mean using jsPlumb.bind(d, "tap", () => ...)