IE和FF下通用的DIV托动----用的是捕获（鼠标不拈贴）

最新推荐文章于 2022-07-19 17:11:45 发布

pclook

最新推荐文章于 2022-07-19 17:11:45 发布

阅读量304

点赞数

分类专栏： HTML 文章标签： div ie function null html up

本文链接：https://blog.csdn.net/pclook/article/details/5952454

版权

HTML 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<script>
var isIE = /msie/i.test(navigator.userAgent);
var isFF = /firefox/i.test(navigator.userAgent);
var detlaX,detlaY,ooo;

function beginDrag(me,evt){
   e = evt || window.event;
   ooo = me;
   document.onmousemove = move;
   document.onmouseup = up;
   if(isIE)me.setCapture();
   if(isFF)window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);

}
function move(evt){
       e = evt || window.event;
       document.getElementById("dddd").style.left = e.clientX - 20 + "px";
       document.getElementById("dddd").style.top = e.clientY - 20 + "px";
   }
   function up(){
       document.onmousemove = null;
       document.onmouseup = null;
       if(isIE)ooo.releaseCapture();
       if(isFF)window.releaseEvents(Event.MOUSEMOVE|Event.MOUSEUP);
   }
</script>
</head>
<body style="overflow:hidden">bbbbbbbbbbbbbbbbbbbbbbbbb
<div id="dddd" style="position:absolute;left:100px;top:100px;width:200px;height:200px;background-color:#ffddee;" onMouseDown="beginDrag(this,event);">aaaaaaa</div>cccccccccccccccccccccccc
</body>
</html>

pclook

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE和FF下通用的DIV托动----用的是捕获（鼠标不拈贴）

<br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br /><title></title><br /><script><br />var isIE = /msie/i.test(navigator.userAgent);<br />var isFF = /fir
复制链接

扫一扫

专栏目录