李炎恢老师JavaScript第一季视频教程

李炎恢老师JavaScript第一季视频教程

5 (63人评价)
  • 课时:(149)

  • 学员:(1470)

  • 浏览:(55034)

  • 加入课程

097.[JavaScript] 第34章 项目1-博客前端:封装库--拖拽[上][8]的笔记

相关课时: 笔记详情:

oDiv.onmousedown=function(e){

var e=e||window.event;

var diffX=e.clientX-oDiv.offsetLeft;//求出点击处和oDiv左边的距离

var diffY=e.clientY-oDiv.offsetTop;//求出点击处和oDiv上边的距离

document.onmousemove=function(e){

var e=e||window.event;

var left=e.clientX-diffX;

var top=e.clientY-diffY;

if(left<0){

left=0;

}else if(left>document.documentElement.clientX-oDiv.offsetWidth){

left=document.documentElement.clientX-oDiv.offsetWidth;

}

f(top<0){

 top=0;

}else if(top>document.documentElements.clientWidth-oDiv.offseHeight){

top=document.documentElements.clientHeight-oDiv.offsetHeight;

}

oDiv.style.left=left+"px";

oDiv.style.Top=right+"px";

}

document.onmouseup=function(){

document.onmousemove=null;//注销move事件

document.onmouseup=null;//注销up事件,避免累计

}

}

弹窗时可以禁用滚动条

0 0

你感兴趣的课程

编程开发 21天学通javascript
4万+浏览/ 910学员/ 4评分
免费
编程开发 AJAX核心技术教学
3万+浏览/ 367学员/ 4.8评分
免费
编程开发 javascript课程
3万+浏览/ 483学员/ 5评分
免费