JS通用窗口拖动函数

<script language="JavaScript" type="text/javascript">
    
    // 点击拖动窗口- 调用请使用: οnmοusedοwn='Move_obj("objId")'  objId: 表示你想拖动的窗口ID
    
    var drag_=false;
    //获取输入:ID, 获得objId对象
    var D=new Function('obj','return document.getElementById(obj);');
    var oevent=new Function('e','if (!e) e = window.event;return e');
    var obj_move=false;
    function Move_obj(obj){
	    var x,y;
	    obj_move=true;
	    //注册obj对象鼠标按下事件
	    D(obj).οnmοusedοwn=function(e){
	        //取消拖动
	        if(!obj_move)return false;
		    drag_=true;
		    //with(this): 为区域语句设定默认对象。style等价于 this.style
		    with(this){
		        //obj对象offsetLeft距离左边距离 不包括marginLeft宽度, offsetTop同理
			    style.position="absolute";var temp1=offsetLeft;var temp2=offsetTop;
			    //clientX 事件属性返回当事件被触发时鼠标指针向对于浏览器页面(或当前窗口)的水平坐标。
			    x=oevent(e).clientX;y=oevent(e).clientY;
			    document.οnmοusemοve=function(e){
			        //取消拖动
				    if(!drag_)return false;
				    with(this){
				        //obj距离左边距离 + 外边距 + 鼠标移动距离
					    style.left=temp1-Number(style.marginLeft.substring(0,style.marginLeft.length-2))+oevent(e).clientX-x+"px";
					    style.top=temp2-Number(style.marginTop.substring(0,style.marginTop.length-2)) +oevent(e).clientY-y+"px";
				    }
			    }
		    }
		    document.οnmοuseup=new Function("drag_=false;obj_move=false;");
	    }
    }
    </script>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值