一个不用onmouseup的拖动函数_javascript技巧

ff下onmousemove鼠标按不按都是1所以就不能这样用了

<script language="JavaScript"> <!-- function drag(obj) { var s = obj.style var b = document.body var x = event.clientX + b.scrollLeft - s.pixelLeft var y = event.clientY + b.scrollTop - s.pixelTop var m = function() { if (event.button == 1) { s.pixelLeft = event.clientX + b.scrollLeft - x s.pixelTop = event.clientY + b.scrollTop - y } else document.detachEvent("onmousemove", m) } document.attachEvent("onmousemove", m) if (!this.z) this.z = 999 s.zIndex = ++this.z event.cancelBubble = true } //--> </script> <div onmousedown="drag(this)" style="left:250px;position:absolute;width:300px;height:300px;background:#000"> <div onmousedown="drag(this)" style="top:100px;position:absolute;width:100px;height:100px;background:#F0F"></div> <div onmousedown="drag(this)" style="top:150px;position:absolute;width:100px;height:100px;background:#F00"></div> <div onmousedown="drag(this)" style="left:100px;position:absolute;width:100px;height:100px;background:#0F0"></div> <div onmousedown="drag(this)" style="left:150px;position:absolute;width:100px;height:100px;background:#00F"></div> </div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]