예
이미지에 마우스 포인터를 이동할 때 자바 스크립트를 실행합니다 :
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
마우스 포인터가 요소 위로 이동할 때 onmouseenter 이벤트가 발생합니다.
팁 :이 이벤트는 종종 함께 사용 onmouseleave 마우스 포인터가 요소에서 이동할 때 발생하는 이벤트.
팁 : onmouseenter 이벤트가 유사하다 onMouseover와의 이벤트입니다. 유일한 차이점은 onmouseenter 이벤트가 버블을하지 않는다는 것입니다 (does not propagate up the document hierarchy) . 를 참조하십시오 "More Examples" 더 차이를 이해하려면이 페이지 하단에.
브라우저 지원
테이블의 숫자는 완전히 이벤트를 지원하는 최초의 브라우저 버전을 지정합니다.
| 행사 | |||||
|---|---|---|---|---|---|
| onmouseenter | 30.0 | 5.5 | 예 | 6.1 | 11.5 |
통사론
HTML에서 :
자바 스크립트에서 :
object .onmouseenter=function(){ »그것을 자신을 시도 자바 스크립트는 사용 addEventListener() 메서드를 :
object .addEventListener("mouseenter", 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>
»그것을 자신을 시도 <이벤트 객체