예
이미지에서 마우스 포인터를 이동할 때 자바 스크립트를 실행합니다 :
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
»그것을 자신을 시도 더 "Try it Yourself" 아래의 예.
정의 및 사용
마우스 포인터가 요소에서 이동할 때 onmouseleave 이벤트가 발생합니다.
팁 :이 이벤트는 종종 함께 사용 onmouseenter 마우스 포인터가 요소 위로 이동할 때 발생하는 이벤트.
팁 : onmouseleave 이벤트가 유사하다 onmouseout 이벤트입니다. 유일한 차이점은 onmouseleave 이벤트가 버블을하지 않는다는 것입니다 (does not propagate up the document hierarchy) . 를 참조하십시오 "More Examples" 더 차이를 이해하려면이 페이지 하단에.
브라우저 지원
테이블의 숫자는 완전히 이벤트를 지원하는 최초의 브라우저 버전을 지정합니다.
| 행사 | |||||
|---|---|---|---|---|---|
| onmouseleave | 30.0 | 5.5 | 예 | 6.1 | 11.5 |
통사론
HTML에서 :
자바 스크립트에서 :
object .onmouseleave=function(){ »그것을 자신을 시도 자바 스크립트는 사용 addEventListener() 메서드를 :
object .addEventListener("mouseleave", myScript );
»그것을 자신을 시도 참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.
기술적 세부 사항
| 거품 : | 아니 |
|---|---|
| 취소 가능 : | 아니 |
| 이벤트 유형: | 된 MouseEvent |
| 지원되는 HTML 태그 : | <기본>, <BDO>로 <br>, <머리>, <HTML>, <iframe을>, <메타>, <PARAM>, <스크립트>, <스타일>, 그리고 : 제외한 모든 HTML 요소, <title> |
| DOM 버전 : | 레벨 2 이벤트 |
더 예
예
이 예는으로 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>
»그것을 자신을 시도 <이벤트 객체