이벤트가 발생한 마우스포인터의 수평좌표를 픽셀단위로 반환하거나 설정한다.

인수
: (속성 정수값)
속성값은 이벤트가 발생한 마우스포인터의 수평좌표를 픽셀단위로 나타내는 정수값이다.

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

특기

윈도우의 장식과 스크롤바는 좌표 산정에서 제외된다.

IE4.0에서 읽기전용이었으나 IE5부터는 일기/쓰기이다.

clientX 속성은 클라이언트에 상대적인 값을 반환하므로 body 엘레멘트 모서리로 부터의 수평좌표를 얻기 위해서는 scrollLeft 속성을 사용할 수 있다.

클라이언트 지역은 주 엘레멘트의 모서리에서 시작한다.

적용
개체scriptHTML규격IE
참조
clientX clientY scrollLeft scrollTop

mousemove 결과 표시창
click, dblclick, keydown 결과 표시창

마우스의 이동, 클릭, 더블클릭, 키입력을 해 보라.

<SCRIPT>
function doPlay(){
  str=event.type+' client 좌표 : (x='+event.clientX+' y='+event.clientY+')';
  showA.innerHTML=str;
  if (event.type!='mousemove') showA1.innerHTML=str;
}
</SCRIPT>
<BODY onmousemove="doPlay()" onclick="doPlay()" ondblclick="doPlay()" onkeydown="doPlay()">
<DIV id="showA" style="width:550;border:solid 1 blue;padding:5">mousemove 결과 표시창</DIV>
<DIV id="showA1" style="width:550;border:solid 1 blue;padding:5">click, dblclick, keydown 결과 표시창</DIV>