onmousemove 이벤트
예시
<div> 요소 위로 마우스 포인터를 이동할 때 JavaScript를 실행합니다.
<div onmousemove="myFunction()">Move the cursor over me</div>
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onmousemove 이벤트는 포인터가 요소 위에 있는 동안 이동할 때 발생합니다.
브라우저 지원
Event | |||||
---|---|---|---|---|---|
onmousemove | Yes | Yes | Yes | Yes | Yes |
통사론
HTML:
<element onmousemove="myScript">
자바스크립트:
object.onmousemove = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("mousemove", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
거품: | 네 |
---|---|
취소 가능: | 네 |
이벤트 유형: | 마우스 이벤트 |
지원되는 HTML 태그: | <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 및 <title>을 제외한 모든 HTML 요소 |
DOM 버전: | 레벨 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>
예시
이 예는 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>