zoukankan      html  css  js  c++  java
  • 跟着别人学习的一个个拖动层

    <script>
            
    function objectDrapDrop(obj){
                
    var me = this;
                
    this.foo = (typeof obj == 'string'? document.getElementById(obj) : obj;
                
    this.foo.onmousedown = function(e){
                    
    var foo = me.foo;
                    e 
    = e || event;
                    
    if(e.layerX){
                        foo.oOffset 
    = {x:e.layerX, y:e.layerY};
                    } 
    else {
                        foo.oOffset 
    = {x:e.offsetX, y:e.offsetY};
                    }
                    document.onmousemove 
    = me.drag;
                    document.onmouseup 
    = me.drop;
                    document.onselectstart 
    = function(){ return false;}
                }
                
    this.drag = function(e){
                    
    var foo = me.foo;
                    e 
    = e || event;
                    foo.style.top 
    = e.clientY + (document.documentElement.scrollTop || document.body.scrollTop) - foo.oOffset.y + 'px'
                    foo.style.left 
    = e.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft) - foo.oOffset.x + 'px'
                }
                
    this.drop = function(e){
                    e 
    = e || event;
                    document.onmousemove 
    = document.onmouseup = document.onselectstart = null;
                }
            }
            window.onload 
    = function(){
                
    var test1 = new objectDrapDrop('foo');
            }
            
    </script>
        
    </head>
        
    <body>
            
    <div id="foo">This is a div!</div>
        
    </body>

    没有多大实际的意思,同样里边的有些东西,没有搞懂。

  • 相关阅读:
    SICP习题 1.11 (一个函数的递归与迭代)
    SICP 实例 ExchangeMoney
    SICP 1.2.2 树形递归 与 线性迭代(斐波那契数)
    SICP习题 1.10(Ackermann函数)
    SICP习题 1.9 (递归与迭代初探)
    SICP实例 1.2.1 (阶乘的递归与迭代)
    SICP习题 1.8 (立方根)
    SICP习题 1.7 (求平方根改进)
    SICP习题 1.6 (再探 函数 与 正则序 应用序 关系)
    SICP实例 1.1.7 (求平方根)
  • 原文地址:https://www.cnblogs.com/jikey/p/1618772.html
Copyright © 2011-2022 走看看