代码非常简洁且兼容多浏览器的拖动层实现代码

</p> <p><title><a href="https://kunjuke.com/tag/142/" title="代码" target="_blank">代码</a>非常<a href="https://kunjuke.com/tag/67357/" title="简洁" target="_blank">简洁</a>且<a href="https://kunjuke.com/tag/232/" title="兼容" target="_blank">兼容</a>多<a href="https://kunjuke.com/tag/290/" title="浏览器" target="_blank">浏览器</a>的<a href="https://kunjuke.com/tag/752/" title="拖动" target="_blank">拖动</a>层</title> </p> <p>这里是层标题jb51.net </p> <p>var posx;<br /> var posy;<br /> fdiv = document.getelementbyid("f");<br /> document.getelementbyid("title").onmousedown=function(e)<br /> {<br /> if(!e) e = window.event;<br /> posx = e.clientx - parseint(fdiv.style.left);<br /> posy = e.clienty - parseint(fdiv.style.top);<br /> document.onmousemove = mousemove;<br /> }<br /> document.onmouseup = function()<br /> {<br /> document.onmousemove = null;<br /> }<br /> function mousemove(ev)<br /> {<br /> if(ev==null) ev = window.event;<br /> fdiv.style.left = (ev.clientx - posx) + "px";<br /> fdiv.style.top = ev.clienty - posy + "px";<br /> } </p> <p>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]