标签归档:位置

js获取控件所在的位置

//获取坐标位置


function getpos(e) {

var t=e.offsetTop;

var l=e.offsetLeft;

var height=e.offsetHeight;

while(e=e.offsetParent) {

t+=e.offsetTop;

l+=e.offsetLeft;

}

}

假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。 obj.offsetLeft 指 obj 距离左方或上层控件的位置,整型,单位像素。 obj.offsetWidth 指 obj 控件自身的宽度,整型,单位像素。 obj.offsetHeight 指 obj 控件自身的高度,整型,单位像素。 我们对前面提到的“上方或上层”与“左方或上层”控件作个说明。 例如:

<div>
	<li class="alt"><div id="tool"></li>
	<li>    <input type="button" value="提交"></li>
	<li class="alt">    <input type="button" value="重置"></li>
	<li>
</div>

“提交”按钮的 offsetTop 指“提交”按钮距“tool”层上边框的距离,因为距其上边最近的是 “tool” 层的上边框。

继续阅读