JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等)

JavaScript中的event对象一共有六对鼠标位置的属性。分别如下:

属性对 参考点 浏览器兼容性
clientX,clientY 浏览器窗口 所有

layerX,layerY

最近的绝对定位的父节点,如果没有,则为document Firefox,Chrome,Safari
offsetX,offsetY 事件目标对象 所有,Firefox除外
pageX,pageY document对象 所有,IE除外
ScreenX,ScreenY 计算机屏幕 所有
x,y 尽量不要用它,兼容性差 IE9及以下

你可能感兴趣的:(JavaScript中鼠标event的位置(clientX,layerX,x,offsetX等))