为什么的disY有错呢？-慕课网

为什么的disY有错呢？

来源：4-3 [DOM事件] QQ面板状态切换效果

加咖啡喵

2017-09-24 10:26

//在控制台输出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;
    }
}

写回答关注

3回答

加咖啡喵: 2017-09-27 14:51:31

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';
}

0 0

慕侠0718635

2017-09-26 16:25:24

fnMove(e, disX, disY); 这个方法是怎么写的？

2 0

加咖啡喵

我知道我哪里错了我的winH为150PX 为什么winH=document.documentElement.clientHeight || document.body.clientHeight,才150px呢？我没有写错呀

2017-09-27 15:44:13

共 2 条回复 >
慕侠0718635

2017-09-26 16:24:04

它说你没定义那你把
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);
    }
这里面试试。

0 0

DOM事件探秘

DOM事件？本课程会通过实例来给小伙伴们讲解如何使用这些事件

99544 学习 · 1197 问题

查看课程

相似问题

fnMove(event,disX,disY);

回答 2

为什么计算鼠标坐标disx和disy可以用posx，posy直接代替

回答 2

为何这个document.onmousemove = fnMove(event, disX, disY) 或者 window.event 都不行，必须写function（event）{}

回答 1

为什么要有不同的DOM级别事件呢？

回答 2

为什么不动呢

回答 3

打开慕课网App查看更多内容