文章讲述了如何使用JavaScript实现元素的拖动功能，包括onmousedown和onmousemove事件处理拖动，onmouseup事件释放拖动，以及通过mouseleave事件防止元素超出容器范围。此外，为防止拖动后元素跟随鼠标移动，可以设置元素的user-select属性为none。
拖动：
dom.onmousedown = function(e) {
document.onmousemove = function(event) {
}
}
dom.onmouseup = function(e) {
document.onmousemove = null
}
拖动边界处理方案：
1、容器dom上绑定：mouseleave事件（mouseout不行）
2、判断鼠标位置是否在容器dom范围内
拖动后松开鼠标元素还是随着鼠标移动：
1、给拖动元素添加user-select：none，让元素不可复制
扫一扫
1435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
