[转]JavaScript简单实现div拖拽

 

Javascript  元素拖曳操作 By shawl.qiu (兼容IE,Opera,Firefox)

说明: 
拖曳流程
鼠标按下->(鼠标移动->元素移动)
鼠标按键弹起->元素停止移动

针对 IE, 主要使用 obj.attachEvent() && obj.detachEvent()
针对 Firefox 主要使用 DOM 2 的 obj.addEventListener() && obj.removeEventListener
Opera 以上两种方法都支持

在本文中, 需要拖曳的元素必须指定style 属性为 position:absolute; 
且应指定 left && top 的坐标值, 如:

linenum
1.     
2.         element 1
   
3.         dragging compatibility for IE, Opera, Firefox. 
4.     

函数 fDragging(obj, e, limit) 的各参数解释:
obj: HTML元素对象, 要拖曳的元素
e: 指定为 event 对象, 主要为兼容 Firefox
limit: 布尔值, 指定是否只能在父元素中拖曳, false 可移动至任何位置. 

函数 fDragging(obj, e, limit) 应该在 HTML onmousedown 属性 下使用, 如: 

linenum
1.     
2.         element 
   
3.         dragging compatibility for IE, Opera, Firefox. 
4.