client,offset,scroll

clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性

clientX / clientY：当鼠标事件发生时（不管是onclick，还是omousemove，onmouseover等），鼠标相对于浏览器（这里说的是浏览器的有效区域）X轴 / Y轴的位置；

screenX / screenY：当鼠标事件发生时，鼠标相对于显示器屏幕X轴 / Y轴的位置；

offsetX / offsetY：当鼠标事件发生时，鼠标相对于事件源X轴 / Y轴的位置

pageX / pageY：以Document 对象（即文本窗口）左上角为原点，定位x轴 / Y轴的位置

layerX / layerY：最近的绝对定位的父元素（如果没有，则为Document对象）左上角为原点，定位x轴 / Y轴坐标

IE盒模型（怪异盒模型）：width = content+padding+border
标准盒模型：width = content

clientWidth / clientHeight：元素的宽度 / 高度（不包括border）content+padding-滚动条宽 / 高

offsetWidth / offsetHeight：元素的宽度 / 高度 （包括border）content+padding+border

clientLeft/ clientTop：元素的左边框 / 上边框 宽度

offsetLeft / offsetTop：元素的外边框到已定位的父级元素（如果没有已定位的父级元素，则到浏览器）的左边距 / 上边距

scrollWidth / scrollHeight：获取指定元素内容层的真实宽度 / 高度（可视区域宽度+被隐藏区域宽度）
scrollLeft / scrollTop：内容层左端 / 顶部 到 可视区域左端 / 顶部的距离。