최신 웹 개발 튜토리얼
 

onmouseout 이벤트

<이벤트 객체

이미지에서 마우스 포인터를 이동할 때 자바 스크립트를 실행합니다 :

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">
»그것을 자신을 시도

"Try it Yourself" 아래의 예.


정의 및 사용

마우스 포인터가 요소 중, 또는 그 아이들 중 하나 밖으로 이동 때 onmouseout 이벤트가 발생합니다.

팁 :이 이벤트는 종종 함께 사용 onMouseover와의 포인터가 요소에 이동, 또는 그 아이들 중 하나에 때 발생하는 이벤트.


브라우저 지원

행사
onmouseout

통사론

HTML에서 :

자바 스크립트에서 :

object .onmouseout=function(){ »그것을 자신을 시도

자바 스크립트는 사용 addEventListener() 메서드를 :

object .addEventListener("mouseout", 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>
»그것을 자신을 시도

<이벤트 객체