用javascript获得控件的坐标位置
如果点击 <input type="button" value="点击" onclick="get()"> 获得
<input type="text" id="_hidName">的坐标。
<SCRIPT language="javascript">
<!--
function get(){
??????????
}
</SCRIPT>
javascript è·åæ§ä»¶åæ å®ç°æ¹æ³å¦ä¸ï¼
function getPos(o) //åå ç´ åæ è¡¥å
ï¼
scrollHeight: è·å对象çæ»å¨é«åº¦ã
scrollLeft:设置æè·åä½äºå¯¹è±¡å·¦è¾¹çåçªå£ä¸ç®åå¯è§å
容çæ左端ä¹é´çè·ç¦»
scrollTop:设置æè·åä½äºå¯¹è±¡æ顶端åçªå£ä¸å¯è§å
容çæ顶端ä¹é´çè·ç¦»
scrollWidth:è·å对象çæ»å¨å®½åº¦
offsetHeight:è·å对象ç¸å¯¹äºçé¢æç±ç¶åæ offsetParent å±æ§æå®çç¶åæ çé«åº¦
offsetLeft:è·å对象ç¸å¯¹äºçé¢æç± offsetParent å±æ§æå®çç¶åæ ç计ç®å·¦ä¾§ä½ç½®
offsetTop:è·å对象ç¸å¯¹äºçé¢æç± offsetTop å±æ§æå®çç¶åæ ç计ç®é¡¶ç«¯ä½ç½®
event.clientX ç¸å¯¹ææ¡£ç水平座æ
event.clientY ç¸å¯¹ææ¡£çåç´åº§æ
event.offsetX ç¸å¯¹å®¹å¨çæ°´å¹³åæ
event.offsetY ç¸å¯¹å®¹å¨çåç´åæ
document.documentElement.scrollTop åç´æ¹åæ»å¨çå¼
event.clientX+document.documentElement.scrollTop ç¸å¯¹ææ¡£ç水平座æ +åç´æ¹åæ»å¨çé
以ä¸ä¸»è¦æIEä¹ä¸ï¼FireFoxå·®å¼å¦ä¸ï¼
IE6.0ãFF1.06+ï¼
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5ï¼
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
(éè¦æä¸ä¸ï¼CSSä¸çmarginå±æ§ï¼ä¸clientWidthãoffsetWidthãclientHeightãoffsetHeightåæ å
³)