javascript 拖放实现的要点

Drag And Drop


1. 定义一个拖放对象 A


2.监控 A 的 onmousedown 事件 ,记录当前拖放对象,拖放开始

 

3.当拖放开始时 ,监控 document 的 onmousemove  onmouseup 事件

 

4. 当 onmousemove  事件触发时 ,将当前事件的坐标位置 改变 当前拖放对象 的位置

 

5. 当 onmouseup 事件触发时 ,取消 监控 document 的 onmousemove  onmouseup 事件

 

细节包括 : ie,ff 位置计算的差异

                 鼠标和拖放对象的相对位置等

 

 

ps: 附件 是 一个 网上实现比较好的 例子

你可能感兴趣的:(JavaScript,IE)