IE下拖动DIV

最新推荐文章于 2019-10-04 14:10:24 发布
最新推荐文章于 2019-10-04 14:10:24 发布
阅读量465 收藏
点赞数
文章标签： div ie function javascript class html
<html>
<head>
<title>javascript拖动DIV</title>
<style>
body{
font-family:Verdana;
font-size:11px;
color:#333;
}
#win1{
position:absolute;
left:100;
top:100;
height:150px;
border:1px solid #000;
}
.title{
background:#000;
height:18px;
color:#fff;
cursor: move;
} 
 </style>
 </head>
<body> 
<script>
var move=false; 
function StartDrag(obj)                       
{
 if(event.button==1&&event.srcElement.tagName.toUpperCase()=="DIV")
 {
  obj.setCapture();
  obj.style.background="#999";
  move=true;
 } 
}function Drag(obj)                   
{
 if(move)
 {
  var oldwin=obj.parentNode;
  oldwin.style.left=event.clientX-100;
  oldwin.style.top=event.clientY-10;
 }
}function StopDrag(obj)
{
  obj.style.background="#000";
  obj.releaseCapture();
  move=false;
} 
</script> 
<div id="win1">
<div class="title" onMousedown="StartDrag(this)" onMouseup="StopDrag(this)" onMousemove="Drag(this)" >1</div>
This is a moveable window.<br>
Moreinfo in 
</div>
</body> 
</html> 
xcyxl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
弹出层，可拖动，IE,FF都支持
09-20
弹出层，可拖动，IE,FF都支持弹出层，可拖动，IE,FF都支持
IE和FF兼容之DIV拖动
恍惚窈冥
10-22 538
<br />1.拖动DIV的关键在于把鼠标的移动事件不间断的进行捕获并进行处理。当鼠标快速移动时，即使移除了DIV的范围，也应该捕获事件进行相应的处理。在IE中，可以使用object.setCapture()方法，动作完成之后需要object.releaseCapture()。FF是不支持此方法的。解决的办法是将鼠标的移动事件绑定到document上，待鼠标释放时，移除事件。<br /> <br /> <br />2.添加事件的方法为：docuemnt.addEventListener(string eve
拖动DIV，兼容IE6-9,兼容遨游火狐等
99guo的专栏
07-20 1925
下面是通用的移动DIV的javascript，        var b_down  ;b_down =  false;   //可拖动标志var mymovediv;    //要移动的DIV的IDvar docleft;var doctop;//主调用函数function m
IE8兼容模式下DIV块移动
寡人
05-29 405
引用地址: http://zhidao.baidu.com/question/294976568.html
简单DIV拖动
yangzhuluo的博客
01-12 115
[code="js"] var x,y var v=0 function $(obj){ return document.getElementById(obj) } document.onmouseup=new Function("v=0"); function mdown(){ if(event.srcElement.className=="ye"){ v=1; x=...
div Google Ie 拖动
08-22
项目中需要 就百度了一下，还挺有用的，希望对您有所帮助
兼容ＩＥ与火狐的拖动div效果
01-10
本文将详细讲解如何实现一个兼容IE和Firefox的拖动div效果。 首先，我们需要了解两种浏览器对拖放事件的支持情况。Internet Explorer（IE）从版本5.5开始支持DOM级别的拖放，而Firefox则从版本3.5开始支持W3C标准的...
JS+DIV实现拖动效果
10-15
《JS+DIV实现拖动效果详解》 在网页交互设计中，实现元素的拖动功能是一项常见的需求，这能够为用户提供直观、便捷的操作体验。本文将详细讲解如何利用JavaScript和HTML的DIV元素来实现这一效果，并探讨优化方法。 ...
js实现的八点拖动修改div大小的代码
10-29
标题中的“js实现的八点拖动修改div大小的代码”指的是使用JavaScript编程语言来创建一个功能，允许用户通过拖动div元素的八个角点来调整其尺寸。这个功能常见于许多图形界面编辑器和自定义布局的应用中，提供用户...
兼容ie ff div 层 打开+关闭+ 拖动+遮罩+移动+动画改变高宽
10-30
div层 打开+关闭+ 拖动+遮罩+移动+动画改变高宽的实例js代码
IE、FireFox兼容的拖动DIV
四人工作室--www.1234ren.com
09-05 879
     javascript拖动DIV      body{     font-family:Verdana;     font-size:11px;     color:#333;     }   #win1{     position:absolute;     left:100;     top:100;     height:150px;     border:1px solid #0
IE也可玩“超级拖拽”(转)
cuemes08808的博客
05-17 491
IE也可玩“超级拖拽”(转) “超级拖拽”是什么，想必用过Maxthon浏览器的朋友们一定不会陌生，启动这个功能以后，我们只要在一个网页链接上用鼠标做一下拖拽动作，浏览器便自动在新窗口中打开那个链接的页面了，可这样一个实用...
div在浏览器可见区域随意拖拽
狂野的心跳的博客
01-30 3673
实现div的随意拖拽，需要注意的就是不能拖着拖着div在浏览器里面消失了，因此需要进行位置计算（用到的数据） 1、获取浏览器可见区域宽高 browserWidth = document.documentElement.clientWidth browserHeight = document.documentElement.clientHeight 2、获取div宽高 ...
JavaScript js div层拖拽（兼容IE6、FF）
hoojo
07-02 4488
最近在论坛里经常看到有人问div拖拽层的问题。根据其中的一个帖子上的代码，本人稍作修改。现在功能已经实现，并且兼容FF、IE。代码如下：
HTML5之拖拽(兼容IE和非IE)
weixin_30512043的博客
07-17 332
前世：项目中需要拖动div，然后和某个div进行位置交换，这不是关键，关键是还要保存位置，然后在下次打开的时候按照保存的位置显示。还好本人功力深厚，一下子就想到了用localStorage来保存，事实证明真的很好用哦。保存数据的方法有了，然后开始"探索"如何用html(5)和js来实现拖拽的效果，由于H5给了比较规范的实现方式，所以在Chrome中轻松实现，万恶的IE(很少骂IE)竟然不兼容，NO...
javascript实现拖拽事件（兼容IE8）
Vampirecally的博客
10-04 770
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <sytle type="text/css"> </sytle> <script>...
Javascript定义类（class）的三种方法
zw946的专栏
09-03 991
Javascript定义类（class）的三种方法 将近20年前，Javascript诞生的时候，只是一种简单的网页脚本语言。如果你忘了填写用户名，它就跳出一个警告。 如今，它变得几乎无所不能，从前端到后端，有着各种匪夷所思的用途。程序员用它完成越来越庞大的项目。 Javascript代码的复杂度也直线上升。单个网页包含10000行Javascript代码，早就司空见惯。
简单几步原生javascript实现元素拖拽功能兼容所有浏览器
hello world!
09-30 4318
代码 *{margin: 0;padding: 0;} 按住左键拖动 window.onload = function() { //用于确定是否是拖拽的对象 var drag; //鼠标位于目标元素上的时候距离目标元素的位置 var x,y; //取得元素
jquery 拖动 div 边框
最新发布
08-06
jquery是一个JavaScript库，它...总结起来，通过使用jquery的draggable和resizable方法，我们可以实现拖动div元素和拖动div边框的功能。这样可以为网页添加更加灵活的交互效果，使用户能够自由调整元素的位置和尺寸。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值