鼠标拖动div

var oBox=document.getElementById("cinema"); //拖动层
		var win=document.getElementById("myspace1");  //窗口层
		var disX = disY = 0;
		var bDrag = false;
		//鼠标按下, 激活拖拽
		oBox.onmousedown = function (event){
		    var event = event || window.event;
		    bDrag = true;
		    disX = event.clientX - oBox.offsetLeft;
		    disY = event.clientY - oBox.offsetTop;
		    this.setCapture && this.setCapture();
		    return false;
		};
		//拖拽开始
		document.onmousemove = function (event){
		    if (!bDrag) return;
		    var event = event || window.event;
		    var iL = event.clientX - disX;
		    var iT = event.clientY - disY;
		    var minL=win.clientWidth-oBox.offsetWidth;
		    var minT=win.clientHeight-oBox.offsetHeight;
		    var maxL = 0;
		    var maxT = 0;
		    iL = iL < minL ? minL : iL;
		    iL = iL > maxL ? maxL : iL;//
		    iT = iT < minT ? minT : iT;
		    iT = iT > maxT ? maxT : iT;//
		    oBox.style.marginTop = oBox.style.marginLeft = 0;
		    oBox.style.left = iL + "px";
		    oBox.style.top = iT + "px";
		    return false;
		};
		//鼠标释放, 结束拖拽
		document.onmouseup =oBox.onlosecapture = function (){
				bDrag = false;
			oBox.releaseCapture && oBox.releaseCapture();
		};
网上找的一个例子,然后自己修修改改,留下了自己需要的东西,分享下。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值