pc端拖拽时mouseup事件丢失

作为一个不停撞墙成长的小小前端码农，“尝试”着去解决问题，当解决问题后那种释然让我可以有更多的兴趣，不断成长，更加的坚持不懈。

在实现pc端拖拽左右移动元素时，使用mousedown+mousemove+mouseup实现左右拖拽移动，操作多次是总会出现不进入mouseup事件，导致无法清除mousemove事件。

1.第一次尝试

由于我要拖拽的元素中有图片，于是猜测是否浏览器默认行为变成拖拽图片，于是给图片添加不允许拖拽的属性：

<img src="xxx" draggable="false" />

加入后发现确实一定程度上减少了拖拽图片的发生，但仍然会出现不进入mouseup

第二次尝试

猜测：不进入mouseup事件或许在mousemove事件后进入了别的什么事件。例如取消事件。
经过查询鼠标事件发现可以尝试用mouseleave事件来清除mousemove。于是多加了个监听mouseleave事件来清除mousemove。