onmouseout 이벤트
예시
이미지 밖으로 마우스 포인터를 이동할 때 JavaScript를 실행합니다.
<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.
정의 및 사용
onmouseout 이벤트는 마우스 포인터가 요소 밖으로 또는 그 자식 중 하나 밖으로 이동할 때 발생합니다.
팁: 이 이벤트는 포인터가 요소나 그 자식 중 하나로 이동할 때 발생 하는 onmouseover 이벤트 와 함께 자주 사용됩니다 .
브라우저 지원
Event | |||||
---|---|---|---|---|---|
onmouseout | Yes | Yes | Yes | Yes | Yes |
통사론
HTML:
<element onmouseout="myScript">
자바스크립트:
object.onmouseout = function(){myScript};
JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.
object.addEventListener("mouseout", myScript);
참고: addEventListener () 메서드는 Internet Explorer 8 및 이전 버전에서 지원되지 않습니다.
기술적 세부 사항
거품: | 네 |
---|---|
취소 가능: | 네 |
이벤트 유형: | 마우스 이벤트 |
지원되는 HTML 태그: | <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> 및 <title>을 제외한 모든 HTML 요소 |
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>