js获取到的浏览器的一些计算属性

浏览器相关属性

• clientWidth clientHeight 元素可视部分的宽度和高度 （padding + content）

• offsetWidth offsetHeight 这一对属性指的是元素的border + padding + content

• clientTop 和 clientLeft 用来读取元素的border的宽度和高度的

• offsetTop offsetLeft offsetParent是指当前元素离自己最近的具有定位元素的父级元素，如果找不到，则就是body元素，而offsetLeft 和offsetTop就是相对于offsetParent的border的距离

• scrollHeight scrollWidth 指的是当元素内容超出其宽度和高度的时候，元素内部内容的实际宽度和高度

• scrollTop scrollLeft 指的是当元素其中的内容超出其宽高时，元素被卷起的高度和宽度

• event 对象 元素的运动操作会涉及到event对象 ，event对象有很多位置信息

• clientX clientY 当事件发生时，鼠标点击位置相对于浏览器的坐标

• screenX screenY 相对于屏幕的坐标

• event.offsetX event.offsetY 鼠标点击位置相对于事件源的位置

• pageX pageY