您现在的位置:首页 >> 前端 >> 内容

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

时间:2017/11/22 11:36:06 点击:

  核心提示:获取DOM元素尺寸及鼠标位置的方法**获取元素尺寸:**clientWidth/clientHeight:*获取元素自身宽高,增加滚动条或增加padding都会影响自身宽高。*offsetWidth/...

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

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

Tags:获取 取D DO OM 
作者:网络 来源:qq_3332595