clientX, clientY, offsetX, offsetY, screenX, screenY, x, y,clientHeight,offsetHeight,scrollHeight

clientX, clientY, offsetX, offsetY, screenX, screenY, x, y 的区别是什么？

　　clientX, clientY　　是鼠标当前相对于网页的位置，当鼠标位于页面左上角时clientX=0, clientY=0；

　　offsetX, offsetY　 是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；

　　screenX, screenY　是相对于用户显示器的位置 x,y是鼠标当前相对于当前浏览器的位置

 

clientHeight

　　大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

 

offsetHeight

• IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
• NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，offsetHeight 返回网页内容实际高度。



scrollHeight

• IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。
• NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时，scrollHeight 返回 clientHeight 。

 

转载于:https://www.cnblogs.com/andhm/archive/2010/11/15/1878039.html