최신 웹 개발 튜토리얼
 

으로 onMouseMove 이벤트

<이벤트 객체

예

이상 마우스 포인터를 이동할 때 자바 스크립트를 실행하여 <div> 요소를 :

<div onmousemove="myFunction()">Move the cursor over me</div>
»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

13. OnMouseMove에서는 이벤트가이 요소 위에있는 동안 포인터가 이동 될 때 발생합니다.

브라우저 지원

행사
onmousemove 예 예 예 예 예

통사론

HTML에서 :

< »그것을 자신을 시도

자바 스크립트에서 :

object .onmousemove=function(){ »그것을 자신을 시도

자바 스크립트는 사용 addEventListener() 메서드를 :

object .addEventListener("mousemove", myScript );
»그것을 자신을 시도

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.

기술적 세부 사항

거품 : 예
취소 가능 : 예
이벤트 유형: 된 MouseEvent
지원되는 HTML 태그 : <기본>, <BDO>로 <br>, <머리>, <HTML>, <iframe을>, <메타>, <PARAM>, <스크립트>, <스타일>, 그리고 : 제외한 모든 HTML 요소, <title>
DOM 버전 : 레벨 2 이벤트
예

더 예

예

이 예는으로 onMouseMove, onmouseenter 및 마우스 오버 이벤트의 차이를 보여줍니다

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>

<div onmouseenter="myEnterFunction()">
  <p id="demo2">I will demonstrate onmouseenter!</p>
</div>

<div onmouseover="myOverFunction()">
  <p id="demo3">I will demonstrate onmouseover!</p>
</div>
»그것을 자신을 시도

예

이 예는으로 onMouseMove, onmouseleave 사이 및 이벤트 onmouseout의 차이를 보여줍니다

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>

<div onmouseleave="myLeaveFunction()">
  <p id="demo2">I will demonstrate onmouseleave!</p>
</div>

<div onmouseout="myOutFunction()">
  <p id="demo3">I will demonstrate onmouseout!</p>
</div>
»그것을 자신을 시도
<이벤트 객체