hardly555的博客

现在需要对event对象的几大与坐标有关的属性做一个总结，以便于认识offsetX|offsetYoffsetX/Y获取到是触发点相对被触发dom的左上角距离(包括padding在内，不包括border)，不过左上角基准点在不同浏览器中有区别，以内容区左上角为基准点（不包括边框），如果触发点在边框border上会返回负值。用途：待发现clientX|clientY和pageX|pageYclientX|clientY这对坐标相对于窗口，从窗口的顶部/左侧边缘计算得出，类似于cs.

由于长时间对clientHeight、offsetHeight、scrollHeight、scrollTop这几个js-dom不理解，处于半迷糊状态，现在就仔仔细细实验整理一波，希望能做个总结，方便以后能快速理解别人代码和做出自己想要的。结论clientHeight=height+padding-top+padding-bottom下面main这个div的clientHeight：1060px=1000px(height)+2x30px(padding-top+padding-bottom).