分类：拖拽指令

2020
10-08

解决VUE自定义拖拽指令时 onmouseup 与 click事件冲突问题

功能描述：如图，右侧悬浮菜单按钮，只支持上下方向拖动，点击时展开或关闭菜单。BUG说明：鼠标上下方向拖拽，如果松开时鼠标位于悬浮按钮上会默认执行click事件，经验证，click事件与mouse事件的执行顺序为onmousedown=》onmouseup=》onclick,意味着在click事件执行时会与与其相关的mouse事件冲突。解决方案：因为click事件执行时间短，所以利用鼠标拖动的时间差作为标志，在拖拽事件中计算鼠标从onmousedown到onmouseup所用... 继续阅读 >