                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /DOM事件探秘

为什么的disY有错呢？

//在控制台输出a.js:85 Uncaught ReferenceError: disY is not defined
    at HTMLDocument.document.onmouseover ，但也disY也没在onmouseover下，它是在
onmousemove的函数中定义的


function fnDown(e) {                      
    e = e || window.event;
    var oDarg = document.getElementById('loginPanel'),
        ow = oDarg.offsetLeft,
        oh = oDarg.offsetTop,
        ew = e.clientX,
        eh = e.clientY,
        disX = ew - ow,                         
        disY = eh - oh;

    document.onmousemove = function (e) {          
        e = e || window.event;
        fnMove(e, disX, disY);
    }
    document.onmouseup = function () {             
        document.onmousemove = null;
        document.onmouseup = null;
    }
}

加咖啡喵

2017-09-24

源自：DOM事件探秘 4-3

关注问题我要回答

1380

操作

收起

3 回答

加咖啡喵提问者
2017-09-27

function fnMove(e,posX,posY){
  var oDrag=document.getElementById('loginPanel'),
      l=e.clientX-posX,  //是变化的值
      t=e.clientY-posY,
      winW=document.documentElement.clientWidth || document.body.clientWidth,
      winH=document.documentElement.clientHeight || document.body.clientHeight,
      maxW=winW-oDrag.offsetWidth-10,
      maxH=winH-oDrag.offsetHeight;
  if(l<0){
    l=0;
  }else if(l>maxW){
    l=maxW;
  }
  if(t<0){
    t=10;
  }else if(t>maxH){
    t=maxH;
  }
  oDrag.style.left=l+'px';
  oDrag.style.top=t+'px';
}