이벤트가 발생한 개체에 상대적인 마우스의 수직 위치를 반환하거나 설정한다.

인수
: (속성 정수값)
속성값은 이벤트가 발생한 개체에 상대적인 마우스의 수직 위치를 픽셀단위로 나타내는 정수값이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

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>