区别几种高度（offsetHeight等）和距离（clientX等）

几个高度

1. offsetHeight

表示某个DOM元素自身的高度，包括元素的边框、垂直内边距和元素的水平滚动条（如果存在且渲染的画）和元素的CSS高度。该属性是只读的。

2.clientHeight

返回元素内部的高度(单位像数)，包含内边距，但不包括水平滚动条、边框和外边距。该属性是只读的。

3. scrollHeight

包括元素的可见CSS高度+padding+border+由于overflow设置为隐藏或者scroll而不可见的内容高度。该属性是只读的。

Mozilla文档上的图示描述得很明白：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollHeight

几个距离

1.clientX，clientY

表示鼠标位置距离可视窗口边缘的距离。

2. pageX，pageY

表示鼠标位置距离整个文档页面边缘（左和上边缘）的距离

3.screenX，screenY

表示鼠标位置距离屏幕边缘的距离

版权声明：本文为博主原创文章，未经博主允许不得转载。