WEB前端实例，JS实现拖拽效果~

WEB前端实例，JS实现拖拽效果

问已知，小方块e.clientY , e.eclientX

鼠标e.offsetX , e.offsetY，求计算div的top和left ？

解：

小方块top = e1.clientX - e2.offsetX

小方块left = e1.clientY - e2.offsetY

问，如何防止小方块超出DIV边界？

解：

第一步，计算可移动_h和_w

小方块可移动_h = 窗口内高度 - 小方块高度

小方块可移动_w = 窗口内高度 - 小方块高度

第二步，超出边界，重新赋值

小方块超出上边界时，计算得小方块top为负数，重新赋值为0；小方块超出下边界时，计算得小方块top大于_h，重新赋值为_h；

小方块超出左边界时，计算得小方块left为负数，重新赋值为0；小方块超出右边界时，计算得小方块left大于_w，重新赋值为_w；