zoukankan      html  css  js  c++  java
  • 拖拽原理

    function drag(obj) {
    obj.onmousedown = function(ev) {
    var ev = ev||event;
    var disX = ev.clientX - this.offsetLeft;
    var disY = ev.clientY - this.offsetTop;

    if(obj.setCapture) {
    obj.setCapture();
    }

    obj.onmousemove = function(ev) {
    var ev = ev||event;
    var L = ev.clientX - disX;
    var T = ev.clientY - disY;

    if(L<0) {
    L = 0;
    } else if(L>document.documentElement.clientWidth-obj.offsetWidth) {
    L = document.documentElementElement.clientWidth - obj.offsetWidth;
    }

    if(T<0){
    T = 0;
    } else if(T>document.documentElement.clientHeight-obj.offsetHeight) {
    T = document.documentElement.clientHeight - obj.offsetHeight;
    }

    obj.style.left = L + 'px';
    obj.style.top = T + 'px';
    };

    obj.onmouseup = function()
    {
    obj.onmoseup = obj.onmousemove = null;
    if(obj.releaseCapture)
    {
    obj.releaseCapture();
    }
    };
    return false;
    };
    }

  • 相关阅读:
    eclipse连接远程hadoop集群开发时0700问题解决方案
    螺旋线
    双曲抛物面
    双曲抛物面
    工业相机标定相关知识整理
    高科技 stuff
    高科技 stuff
    杜甫诗百首
    杜甫诗百首
    经典纪录片
  • 原文地址:https://www.cnblogs.com/xiewei1412125225/p/5519590.html
Copyright © 2011-2022 走看看