兼容IE FF Opera的javascript最短的拖动代码

更新时间：2008年01月06日 00:07:43 作者：

关于拖动的代码太多了要么复杂要么不兼容,在这就不多说了. 这里提供个简洁的。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script language="JavaScript" type="text/javascript"> var x,y var drag_=false var D=new Function('obj','return document.getElementById(obj);') var IE=new Function('','if(navigator.appName.indexOf("Explorer")>=0)return 1;if(navigator.appName.indexOf("Netscape")>=0)return 2') function Move_obj(obj){//1                      D(obj).onmousedown=function(e){drag_=true//4                               with(this){style.position="absolute";temp1=offsetLeft;temp2=offsetTop;//5                               if(IE()==1){x=event.clientX;y=event.clientY//6                                   document.onmousemove=function(e){//7                                         if(drag_==false)return false                                      with(this){style.left=temp1+event.clientX-x+"px";style.top=temp2+event.clientY-y+"px"}                                      }//7                               }//6                               if(IE()==2){x=e.pageX;y=e.pageY;//8                                   document.onmousemove=function(e){//9                                         if(drag_==false)return false                                      with(this){style.left=temp1+e.pageX-x+"px";style.top=temp2+e.pageY-y+"px"}                                      }//9                               }//8                         }//5            document.onmouseup=new Function("drag_=false")                      }//4 }//1 </script> <body> <div id="test" style="background-color:#0099CC;width:200px"onmouseover='Move_obj("test")'>这个是可以拖动的层</div>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

javascript 框架小结个人工作经验
javascript 框架小结个人工作经验,对于新手来说还是值得学习的。
2009-06-06
第八篇Bootstrap下拉菜单实例代码
这篇文章主要介绍了Bootstrap下拉菜单实例代码的相关知识，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
2016-06-06
解析原来浏览器原生支持JS Base64编码解码
这篇文章主要介绍了解析原来浏览器原生支持JS Base64编码解码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-08-08
GoJs节点绘图模板之go.Node使用示例详解
这篇文章主要为大家介绍了GoJs节点绘图模板go.Node使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
js函数的延迟加载实现代码
延迟加载的函数，第一次调用后，会覆盖原来的老函数，以后再次调用的是新函数，不会再进行条件的判断，提升效率
2012-10-10
JS继承用法实例分析
这篇文章主要介绍了JS继承用法,实例分析了拷贝继承、类继承及原型继承等的使用技巧,需要的朋友可以参考下
2015-02-02
前端项目npm install 安装依赖报错的解决方案(三种问题解决方案)
本文给大家介绍前端项目npm install 安装依赖报错的解决方案(三种问题解决方案)，给大家总结了前端项目安装依赖,遇到过的问题,每一种问题给大家完美解决方案,感兴趣的朋友一起看看吧
2023-12-12
JS简单操作select和dropdownlist实例
这篇文章主要介绍了JS简单操作select和dropdownlist的方法,以实例形式讲述了js针对服务器控件select和dropdownlist的读写操作方法,是js与.net交互的典型应用实例,需要的朋友可以参考下
2014-11-11
javascript 使用正则test( )第一次是 true,第二次是false
这篇文章主要介绍了使用正则test( )第一次是 true,第二次是false的相关资料,需要的朋友可以参考下
2017-02-02
JS插件amCharts实现绘制柱形图默认显示数值功能示例
这篇文章主要介绍了JS插件amCharts实现绘制柱形图默认显示数值功能,结合实例形式分析了amCharts插件绘制柱形图并显示数值的相关操作技巧,需要的朋友可以参考下
2019-11-11