js鼠标事件中的clientX/clientY,screenX/screenY,pageX/pageY,offsetX/offsetY,layerX/layerY,x/y

clientX/clientY,screenX/screenY

这两组是标准，一般用这两组，就没问题了

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  相对于文档的坐标,会随滚动条变化