js如何区分鼠标的点击和长按拖拽？

Question

需求是，当点击时，展示编辑逻辑，当鼠标长按拖拽时，展示拖拽逻辑。如何对两者进行区分？

Answer 1

onmousedown 和 onmouseup事件，他们分别有触发时的时间，你比较一下这个时间，另外还有鼠标的x y,如果只是点击，x y 在mouseup 和down里面应该是一样的，但是拖拽的话时间间隔不仅比较久而且x,y是有数值差异的，因为位移了

Answer 2

点击就是click事件，拖拽就是dragstart/dragend/mousemove事件。不会混淆

Answer 3

我的理解是

单击是鼠标按下，抬起（click相当于mousedown+mouseup）
拖拽是鼠标按下，移动，抬起（mousedown+mousemove+mouseup）

Answer 4

不要使用click，全部在mouseup中判断。如果位移，就执行拖拽相关事件。如果没有位移，那就执行点击的相关事件

Answer 5

在mousedown和mouseup的函数中获取分别获取event.timeStamp,对比时间戳,判断超过多久为长按，小于多久为点击