div在浏览器可见区域随意拖拽

 实现div的随意拖拽，需要注意的就是不能拖着拖着div在浏览器里面消失了，因此需要进行位置计算（用到的数据）

 

 1、获取浏览器可见区域宽高

browserWidth = document.documentElement.clientWidth 

browserHeight = document.documentElement.clientHeight

2、获取div宽高 

boxWidth = document.getElementById('box').offsetWidth

boxHeight = document.getElementById('box').offsetHeight

3、鼠标相对于div左侧、顶部位置

disX = e.clientX - this.offsetLeft; 

disY = e.clientY - this.offsetTop;

不说了，直接上完整代码