마우스 무브 - onmousemove
페이지 정보
본문
<h3>마우스 무브</h3>
<hr>
이미지 위에 마우스 움직일때 onmousemove 리스너 실행, 마우스 위치를 보여줌
<p>
<img src="img/spade-2.png" width=300 onmousemove="where(event)">
<p>
<div id="div"></div>
<script type="text/javascript">
var div=document.getElementById("div");
function where(e){
var text =" 버튼="+e.button+"<br>";
text += "(screenX, screenY)"+e.screenX+","+e.screenY+"<br>"; // 모니터에서의 위치
text += "(clientX, clientY)"+e.clientX+","+e.clientY+"<br>"; // <body>에서의 위치
text += "(offsetX, offsetY)"+e.offsetX+","+e.offsetY+"<br>"; // <img>에서의 위치
text += "(X, Y)"+e.x+","+e.y+"<br>"; // <body>에서의 위치
div.innerHTML = text;
}
</script>
- 이전글이벤트의 디폴트 행동 취소 21.07.18
- 다음글키 이벤트 리스너 21.07.18
댓글목록
등록된 댓글이 없습니다.

