元素坐标

本文主要是针对pageX、clientX、screenX、offsetX、X展开的分析

screenX

鼠标在屏幕中的位置，指的是鼠标到电脑屏幕左侧的距离。 各个浏览器相同。

pageX、clientX、offsetX、 X

e.pageX——相对整个页面的坐标
e.offsetX——相对当前元素的border左上角开始的坐标
e.clientX——相对可视区域的坐标
e.x——相对可视区域的坐标

浏览器支持情况如下

chrome

e.pageX  ——支持
e.offsetX——支持
e.clientX——支持
e.x      ——支持

safari:(这个和chrome是一样的)
​
​
​
ff

e.pageX  ——支持
e.offsetX——不支持
e.clientX——支持
e.x      ——支持

opera

e.pageX  ——支持
e.offsetX——支持
e.clientX——支持
e.x      ——支持

IE9

e.pageX——支持
e.offsetX——支持
e.clientX——支持
e.x——支持

IE8

e.pageX  ——不支持
e.offsetX——支持
e.clientX——支持
e.x      ——支持

IE7

e.pageX  ——不支持
e.offsetX——支持
e.clientX——支持
e.x      ——支持

​