我们在一些网站中都可以看到很时尚炫酷的图片拖拽，当然这些操作用javascript就可以实现，那么我们今天就来讲一下如何使用javascript实现拖拽功能的，没有了解过javascript实现拖拽功能的或者感兴趣的我们一起来看看吧！
需要看的问题：
1、怎样在网页中实现拖曳功能。
2、document.documentElement与document.body的区别。
document.documentElement.clientWidth指整个html文档的宽度，document.body.clientWidth的宽度。这两者是不一样的。可以在console控制台通过console.log(document.documentElement)和console.log(document.body)进行测试。
3、getBoundingClientRect().left与offsetLeft的区别。
（1）getBoundingClientRect()用于获取元素的left、top、right、bottom。
（2）offset获取相对于父级的left和top。getBoundingClientRect()获取相对于窗口的left、top、right、bottom。
4、e.clientX指的是鼠标点相对于窗口的坐标。
弹窗
结合代码分析，我感觉给了源码自己尝试的去删除、修改，这样的学习进步的很快而且还不会容易忘记。
相关推荐：
