screenY,pageY,clientY,layerY属性用法简单介绍

本章节简单介绍一下标题中四个属性的作用。

从标题中属性的名称可以看到一定有一个对应的最后一个字符是"X"的属性，比如screenX。

不过它们的原理都是一样的，只是表示方位的不同而已。

下面先上图示，后面再跟着相关介绍:

一.screenY:

鼠标相对于显示器屏幕左上角的偏移。

二.pageY:

鼠标相对于页面左上角的偏移 (其值不会受滚动条的影响)。

也就是当前鼠标指针距离浏览器客户区顶部的距离+上页面向上滚动的距离。

IE9之下并不支持这个属性。

三.clientY:

鼠标相对于浏览器视口（客户区）左上角的偏移

注意:clientY和pageY的区别，clientY在页面无滚动条的情况下值等同于pageY

四.layerY:

此属性这里就不多介绍了，具体可以参阅以下文章。

javascript的layerX和layerY属性用法介绍一章节。