À̺¥Æ®°¡ ¹ß»ýÇÑ °³Ã¼¿¡ »ó´ëÀûÀÎ ¸¶¿ì½ºÀÇ ¼öÁ÷ À§Ä¡¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.

Àμö
: (¼Ó¼º Á¤¼ö°ª)
¼Ó¼º°ªÀº À̺¥Æ®°¡ ¹ß»ýÇÑ °³Ã¼¿¡ »ó´ëÀûÀÎ ¸¶¿ì½ºÀÇ ¼öÁ÷ À§Ä¡¸¦ Çȼ¿´ÜÀ§·Î ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

IE4.0¿¡¼­ ÀбâÀü¿ëÀ̾úÀ¸³ª IE5ºÎÅÍ´Â Àϱâ/¾²±âÀÌ´Ù.

°³Ã¼ÀÇ offsetLeft¿Í offsetTop ¼Ó¼ºµé°ú ÀÏÄ¡ÇÑ´Ù.
offsetParentÀ» »ç¿ëÇÏ¿© ÁÂÇ¥ ½Ã½ºÅÛÀÌ Á¤ÀÇµÈ ¿ë±â¸¦ ã¾Æ »ç¿ëÇ϶ó.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE

À̼ÓÀ» Ŭ¸¯ÇØ º¸¶ó.
°á°ú Ç¥½Ãâ

³ë¶õ ¹Ú½º ¿©·¯ À§Ä¡¿¡¼­ Ŭ¸¯ÇØ º¸¶ó.

<SCRIPT>
function showOffset(){
    var str=''
    str='offsetX ÁÂÇ¥='+window.event.offsetX+'<BR>';
    str+='offsetY ÁÂÇ¥='+window.event.offsetY;
    showA.innerHTML=str;
}
</SCRIPT>
</HEAD>
<BODY onmousemove="window.status='X='+window.event.offsetX +' Y='+window.event.offsetY" ondblclick="showOffset()">
<DIV onclick="showOffset();"
  style="position:absolute;top:555;left:260;width:300;height:60;border:solid 1 blue;background:ffa;padding:5">À̼ÓÀ» Ŭ¸¯ÇØ º¸¶ó.</DIV>
<DIV id=showA style=height:3em>°á°ú Ç¥½Ãâ</DIV>