这两组是标准,一般用这两组,就没问题了
clientX/clientY
相对于目标可视区的坐标,不包括边框,不会随滚动条变化
screenX/screenY
位置相对于用户屏幕
============================================================
下面是其他属性的兼容情况
注意ie最高只测试到ie9,火狐最高只测试到火狐40
offsetX/offsetY
相对于目标(target),而非currentTarget
ie
ie6,ie7
相对于目标文档的坐标,不包括边框,会随滚动条变化
ie8,ie9
相对于目标可视区的坐标,不包括边框,不会随滚动条变化(和火狐相同)
火狐
火狐34以下不支持
火狐40
相对于目标可视区的坐标,不包括边框,不会随滚动条变化(和ie8,ie9)
chrome,safari
相对于目标可视区的坐标,包括边框,不会随滚动条变化
opera
相对于目标可视区的坐标,不会随滚动条变化,不包括边框和padding,
低版本的opera点到文本节点的话target是文本节点(相对于文本节点),
opera换内核以后和chrome相同
x/y
ie6,ie7,ie9,chrome,safar,opera 相对于可视区的坐标,不会随滚动条变化
ie8 相对于文档的坐标,会随滚动条变化
火狐40不支持,,更高版本不知道
layerX/layerY
ie6789 不支持
火狐 相对于文档的坐标,会随滚动条变化
chrome,safar 相对于可视区的坐标,不会随滚动条变化
opera 不支持(opera换内核以后和chrome相同)
pageX/pageY
ie6789 不支持
chrome,safar,opera,firefox 相对于文档的坐标,会随滚动条变化