js中的距离值之间的关系

关于js中的鼠标距离值之间的相关知识



看到这张图,让你想到了什么?是不是刚学习js的时候总是对于这些值有点混淆,总是记不住呢?

这些值一般用于做那些效果呢?比如:div盒子的拖拽、自定义滚动条.....

好,我们先来解释下各个属性值之间的意思吧!
通过名词解释,不难发现一点,pageX/Y跟clientX/Y之间的字面所表达的意思差不多,其实是有区别的。

在上图中我们不难发现:
写在最后:虽然图画的有烂,我想应该可以帮组大家来理解它们之间的一个关系。至于细节嘛，就不要在意那么多啦！