获取DOM元素尺寸及鼠标位置

**获取元素尺寸:**
clientWidth/clientHeight:
*获取元素自身宽高,增加滚动条或增加padding都会影响自身宽高。*
offsetWidth/offsetHeight:
获取元素实际大小(最好是block元素且设置了宽高),只有padding会影响这个值。
scrollWidth/scrollHeight:
获得元素内容的宽高(可以将内容溢出测试)。
offsetParent :
获取父元素节点(IE7及以下比支持)
offsetLeft/offsetTop:
获取元素相对于父元素左边/顶部的距离(最好将元素使用绝对定位,不然IE低版本会出错)
scrollTop/scrollLeft:
获取页面滚出去的长度
clientTop/clientLeft:
获取元素上边框和左边框的宽度
**获取鼠标位置**
clientX,clientY,获取鼠标在可视区域中的坐标(和页面长度无关);
screenX,screenY,获取鼠标相对于电脑屏幕左边和上边的坐标;

猜你喜欢

转载自blog.csdn.net/qq_33325959/article/details/78598190