onmousemove 이벤트

DOM 이벤트 MouseEvent

정의와 사용법

onmousemove 이벤트는 포인터가 요소 위에서 움직일 때 발생합니다 。

예시

예제 1

마우스 커서를 <div> 요소에 가져가면 JavaScript가 실행됩니다：

<div onmousemove="myFunction()">Move the cursor over me</div>

직접 시험해 보세요

예제 2

이 예제는 onmousemove, onmouseenter, 및 mouseover 이벤트 간의 차이를 보여줍니다:

<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>

직접 시험해 보세요

예제 3

이 예제는 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>

직접 시험해 보세요

문법

HTML에서:

<element onmousemove="myScript">

직접 시험해 보세요

JavaScript에서:

object.onmousemove = function(){myScript};

직접 시험해 보세요

JavaScript에서 addEventListener() 메서드를 사용하면:

object.addEventListener("mousemove", myScript);

직접 시험해 보세요

주의사항:Internet Explorer 8 이상 버전은 지원하지 않습니다 addEventListener() 메서드。

기술 세부 사항

부풀리기: 지원
취소 가능: 지원
이벤트 유형: MouseEvent
지원되는 HTML 태그: 모든 HTML 요소는 다음 요소를 제외하고 있습니다：<base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 및 <title>
DOM 버전: 레벨 2 이벤트

브라우저 지원

이벤트 Chrome IE Firefox Safari Opera
onmousemove 지원 지원 지원 지원 지원
DOM 이벤트 MouseEvent