管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

一个不用onmouseup的拖动函数

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

　　

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%20%0D%0A%3C!--%20%20%0D%0A%20%20%20%20function%20drag(obj)%20%20%0D%0A%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20var%20s%20%3D%20obj.style%20%20%0D%0A%20%20%20%20%20%20%20%20var%20b%20%3D%20document.body%20%20%0D%0A%20%20%20%20%20%20%20%20var%20x%20%3D%20event.clientX%20%2B%20b.scrollLeft%20-%20s.pixelLeft%20%20%0D%0A%20%20%20%20%20%20%20%20var%20y%20%3D%20event.clientY%20%2B%20b.scrollTop%20-%20s.pixelTop%20%20%0D%0A%20%20%20%20%20%20%20%20var%20m%20%3D%20function()%20%20%0D%0A%20%20%20%20%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20if%20(event.button%20%3D%3D%201)%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7B%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20s.pixelLeft%20%3D%20event.clientX%20%2B%20b.scrollLeft%20-%20x%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20s.pixelTop%20%3D%20event.clientY%20%2B%20b.scrollTop%20-%20y%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20else%20document.detachEvent(%22onmousemove%22%2C%20m)%20%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%20%0D%0A%20%20%20%20%20%20%20%20document.attachEvent(%22onmousemove%22%2C%20m)%20%20%0D%0A%0D%0A%20%20%20%20%20%20%20%20if%20(!this.z)%20this.z%20%3D%20999%20%20%0D%0A%20%20%20%20%20%20%20%20s.zIndex%20%3D%20%2B%2Bthis.z%20%20%0D%0A%20%20%20%20%20%20%20%20event.cancelBubble%20%3D%20true%20%20%0D%0A%20%20%20%20%7D%20%20%0D%0A%2F%2F--%3E%20%20%0D%0A%3C%2FSCRIPT%3E">

<body ondragstart="return false" style="margin:0px">  
<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>  
</body>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程