js 鼠标拖拽事件处理问题

Question

做一个水平拖拽功能,思路是 mousedown 时开始拖拽,mouseup 时结束拖拽.但是遇到一种情况,如果鼠标在stopPropagation=true的元素上松开,就不会触发拖拽结束了.鼠标移动仍然会带着被拖拽元素移动.请问这种情况怎么解决呢

Answer 1

mousedown绑定到需要拖拽的元素上，mousemove和mouseup绑定到document上

Answer 2

在鼠标抬起时清空相应的事件

document.onmousemove = null;

document.onmouseup = null;