关于方法执行的对象

来源:4-2 [DOM事件] QQ面板拖拽效果(下)

weibo_张张张张张大仙呀_03578611

2016-07-28 01:04

function fnDown(event){

  event = event || window.event;

  var oDrag=document.getElementById('loginPanel'),

      // 光标按下时光标和面板之间的距离

      disX=event.clientX-oDrag.offsetLeft,

      disY=event.clientY-oDrag.offsetTop;

  // 移动

  document.onmousemove=function(event){

  event = event || window.event;

  fnMove(event,disX,disY);

  }

  // 释放鼠标

  document.onmouseup=function(){

  document.onmousemove=null;

  document.onmouseup=null;

  }

}

在这个方法内不管是onmouseover还是onmouseup都是对document这个来执行的,这个document指的是什么?如果我在loginPanel这个div外面再嵌套一个div1,把loginPanel的范围限制在div1里面,那么这个qq面板移动的范围会不会就只是loginPanel这个div的大小?如果不是这样,我想qq面板只在我设置的div框架里面可以移动该怎么设置?

写回答 关注

0回答

还没有人回答问题,可以看看其他问题

DOM事件探秘

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

99532 学习 · 1298 问题

查看课程

相似问题