关于鼠标弹起事件失败的处理

1.经常有这样的操作,在鼠标落下后记录一个操作,然后鼠标移动,在抬起后停止记录坐标点
window.onmouseup = (e) => {
// TODO 开始处理
};

window.onmousemove = (e) => {
// TODO 过程处理
};

window.onmouseup = (e) => {
// TODO 结束处理
};

2.但有时候鼠标抬起事件会失效,可能是因为发生了其它的事件,覆盖了抬起事件,这时候要增加一个拖拽结束事件,如果启动了这一事件,则也要做结束处理
window.ondragend = (e) => {
// TODO 结束处理
}
原文地址:https://www.cnblogs.com/zhanyuefeixian/p/15783344.html