区别

鼠标左键获取鼠标坐标时,e.client/offset/page/scroll 数据的区别，以及IE浏览器的兼容性问题；

e.clientX——相对与浏览器可视区域的坐标
e.offsetX——相对当前坐标系的border左上角开始的坐标
e.pageX——--相对整个页面左上角的坐标  
e.scroll ----针对与浏览器的整个屏幕的距离，包括滚动条部分

当然不同的浏览器之间，兼容性也必然不同：
例如：firefox 就没有offsetX属性；

safari对于这些属性目前是全部都支持。

最后，必须要特意的强调一下IE浏览器，想必做前端的程序员一定都对与IE8之前的浏览器深恶痛绝，大量的兼容性问题着实让人头疼。

IE9：

e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 + 滚动条滚过的距离（这个NB轰轰了····=。=） e.offsetX——相对当前坐标系的内容区域左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对当前坐标系的border左上角开始

IE8：

e.pageX——无 e.layerX——无

e.offsetX——相对当前坐标系的内容区域左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对当前坐标系的border左上角开始

IE7：

e.pageX——无 e.layerX——无 e.offsetX——相对当前坐标系的内容区域左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对当前坐标系的border左上角开始

IE6：

e.pageX——无 e.layerX——无 e.offsetX——相对当前坐标系的内容区域左上角开始的坐标 e.clientX——相对可视区域的坐标