本文详细介绍了如何通过JavaScript实现网页元素的拖拽功能，包括拖拽的三个基本步骤：鼠标按下、移动和松开。同时，针对拖拽过程中鼠标位置不正确和全选网页时拖拽失效的问题，提供了相应的解决方案。对于鼠标位置问题，通过调整坐标来修正；对于全选问题，针对IE和其他浏览器给出了不同的处理策略。
1、拖拽的流程：
（1）鼠标在拖拽元素上被按下时，拖拽开始（onmousedown 事件 鼠标按钮被按下）
（2）在鼠标移动时，拖拽元素跟着移动（onmousemove 事件 鼠标被移动）
（3）鼠标松开时，拖拽元素固定在当前位置（onmouseup 事件 鼠标按钮被松开）
这样红色方块就可以进行拖拽了
2、注意的问题：
（1）拖拽红色方块时，会发现鼠标总是在方块的左上角
此时需要固定鼠标的位置，用鼠标的x、y坐标减去元素相对于定位元素的偏移量，再用鼠标的x、y坐标减去刚才得到的值
（2）当全选网页时，拖拽功能无法实现
IE浏览器：在按下事件中使用 setCapture()方法 进行捕获，在松开事件中用 releaseCapture() 取消
其他浏览器：可以通过return false 来取消这个浏览器的默认行为
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
