问答详情
源自:4-2 [DOM事件] QQ面板拖拽效果(下)

关于方法执行的对象

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框架里面可以移动该怎么设置?

提问者:weibo_张张张张张大仙呀_03578611 2016-07-28 01:04

个回答