예
이미지에 마우스 포인터를 이동할 때 자바 스크립트를 실행합니다 :
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
마우스 포인터가 요소 위에, 또는 그 아이들 중 하나에 이동할 때 onMouseover와 이벤트가 발생합니다.
팁 :이 이벤트는 종종 함께 사용되는 onmouseout 사용자가 요소에서 마우스 포인터를 이동할 때 발생하는 이벤트.
브라우저 지원
| 행사 | |||||
|---|---|---|---|---|---|
| onmouseover | 예 | 예 | 예 | 예 | 예 |
통사론
HTML에서 :
자바 스크립트에서 :
object .onmouseover=function(){ »그것을 자신을 시도 참고 : 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>
»그것을 자신을 시도 <이벤트 객체