마우스 위치 잡아내기 > script

마우스 위치 잡아내기

다음과 같은 코드를 html 페이지에 넣어보세요.

마우스 이벤트 핸들러에 사용자가 정의한 함수를 연결하고 그 곳에서 원하는 작업을 할수있는 예제 입니다.

----------------------------------------------

움직이는 위치 : <div id=dpPos></div><br>
클릭한 위치 : <div id=clickPos></div>
<script language=javascript>
window.document.onmousemove = HandleMove;
window.document.onclick = HandleClick;

function HandleMove()
{
 dpPos.innerHTML = "X : " + event.x + " Y : " + event.y;
}
function HandleClick()
{
 clickPos.innerHTML = "X : " + event.x + " Y : " + event.y;
}
</script>