zoukankan      html  css  js  c++  java
  • JS通用窗口拖动函数

    <script language="JavaScript" type="text/javascript">
        ////
        // 点击拖动窗口- 调用请使用: onmousedown='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).onmousedown=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.onmousemove=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.onmouseup=new Function("drag_=false;obj_move=false;");
    	    }
        }
        </script>
    
  • 相关阅读:
    Windbg学习 (0x0002) 命令基础
    Windbg学习 (0x0001) 安装与基本配置
    python 20day--装饰器详解
    python 19day--生成器详解
    python 18day--迭代器详解
    python 17day--内置函数
    python 16day--函数作用域与函数式编程
    python 15day--递归函数与匿名函数
    python 14day--函数
    python 13day--集合、字符串格式化
  • 原文地址:https://www.cnblogs.com/henw/p/2088248.html
Copyright © 2011-2022 走看看