10
09/2014
pageX screenX clientX 区别
pageX,pageY 相对于（整个）页面左上角的坐标
screenX,screenY 相对于屏幕的坐标
clientX,clientY 相对于浏览器边框的坐标
client offset
300x50 border:10px padding:10px
clientLeft,clientTop,clientWidth,clientHeight
clientWidth,clientHeight 不包括边框、滚动条，但包括padding
offsetLeft,offsetTop,offsetWidth,offsetHeight
offsetLeft,offsetTop 相对父元素的距离
offsetWidth,offsetHeight 包括边框，padding（可以理解为 该元素 占领的空间！）
offsetParent
offsetParent 父元素向上找到（非 position:static 的那些。即 position:relative 或者 position:absolute 或者 position:fixed）