onmouseleave 이벤트
예
마우스 포인터가 포인터를 이동했을 때, 자바 스크립트를 실행한다 :
<IMG onmouseleave = "normalImg (이)"SRC = ALT = "스마일" "smiley.gif">
»시도
다음 예에서 더 많은 포인트 더 시연을보고 "시도".
정의 및 사용
onmouseleave 이벤트가 발생합니다 마우스는 제거 된 요소 인 경우.
주의 : 이러한 경우는 일반적으로 연관된 onmouseenter 이벤트와 함께 사용될 이벤트는 요소 위에 마우스를 이동할 때 트리거.
팁 : 유사한 이벤트 onmouseleave onmouseout 이벤트입니다. 유일한 차이점은 이벤트 onmouseleave 기포를 지원하지 않는다는 것이다.
브라우저 지원
테이블의 수치는 이벤트의이 버전을 지원하는 최초의 브라우저를 나타냅니다.
| 행사 | |||||
|---|---|---|---|---|---|
| onmouseleave | 30.0 | 5.5 | 예 | 6.1 | 11.5 |
문법
HTML에서 :
<요소onmouseleave = "MyScript를"> 시도
자바 스크립트에서 :
객체 .onmouseleave = 함수 () {MyScript를 }; 시도
자바 스크립트는 addEventListener () 메서드를 사용합니다 :
.addEventListener ( "하는 MouseLeave"MyScript를 개체 ) 시도
참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.
기술 세부 사항
| 거품을 지원하는 여부 : | 아니 |
|---|---|
| 그것은 취소 할 수 있습니다 : | 아니 |
| 이벤트 종류 : | 된 MouseEvent |
| 지원되는 HTML 태그 : | <기본>, <BDO>에서 <br>, <머리>, <HTML>, <iframe을>, <메타>, <PARAM>, <스크립트>, <스타일> 및 <제목>을 제외한 모든 HTML 요소 |
더 많은 예제
예
이 예제으로 onMouseMove, onmouseleave와 onmouseout 이벤트의 차이를 보여줍니다
<사업부으로 onMouseMove = "myMoveFunction ()">
<P 아이디 = "데모"> 난으로 onMouseMove 보여줄 것입니다! </ P>
</ DIV>
<사업부 onmouseleave = "myLeaveFunction ()">
<P 아이디 = "demo2"> 내가 onmouseleave 보여줄 것입니다! </ P>
</ DIV>
<사업부 onmouseout = "myOutFunction ()">
<P 아이디 = "demo3"> 내가 onmouseout 보여줄 것입니다! </ P>
</ DIV>
<P 아이디 = "데모"> 난으로 onMouseMove 보여줄 것입니다! </ P>
</ DIV>
<사업부 onmouseleave = "myLeaveFunction ()">
<P 아이디 = "demo2"> 내가 onmouseleave 보여줄 것입니다! </ P>
</ DIV>
<사업부 onmouseout = "myOutFunction ()">
<P 아이디 = "demo3"> 내가 onmouseout 보여줄 것입니다! </ P>
</ DIV>
»시도