js实现的简练高效拖拽功能示例

本文实例讲述了射流研究…实现的简练高效拖拽功能。分享给大家供大家参考，具体如下：

运行效果图如下：

具体代码如下：

！DOCTYPE HTMlHTMlHead meta http-equiv=' content-type ' charset=' utf-8 '/meta http-equiv=' content-type ' content=' text/html '/title demo/title/headdypaaaaaaaaaaaaa/pdiv id=' one ' style=' height :100 px；宽度宽度：100像素背景：红色；position : absolute '/divscriptvar odiv=document。getelementbyid(' one ')；DRA(奥迪夫)；函数DRA。onmousedown=function(e){ var OE=e | | window。事件；var $ this=thisvar l=OE。客户x-这个。offsetleftvar t=OE。客户-这个。偏移；文件。onmousemove=function(e){ var OE=e | | window。事件；var ol=OE。客户x-l；var ot=OE。client y-t；如果(ol0)ol=0；if(ot0)ot=0；if(ot文件。文档元素。客户身高-这个。偏右)ot=文档。文档元素。客户身高-这个。偏右；if(旧文档。文档元素。客户端宽度-这个。offset with)ol=文档。文档元素。客户端宽度-这个。偏移；这个。风格。left=ol ' px这个。风格。top=ot ' px}文档。onmouseup=function(){ document。onmousemove=nulldocument . onmouseup=null if($ this。释放捕获)$这个。释放捕获()；} if($ this。setcapture){ $ this。setcapture()；} if(OE。防止故障)运行经验。prevent default()；else oe.returnValue=false返回false} }/脚本/正文/html更多关于Java脚本语言相关内容感兴趣的读者可查看本站专题： 《JavaScript切换特效与技巧总结》 、 《JavaScript动画特效与技巧汇总》 、 《JavaScript查找算法技巧总结》 、 《JavaScript数据结构与算法技巧总结》 、 《JavaScript遍历算法与技巧总结》 、 《JavaScript中json操作技巧总结》 、 《JavaScript错误与调试技巧总结》 及《JavaScript数学运算用法总结》

希望本文所述对大家Java脚本语言程序设计有所帮助。