Latest web development tutorials

onmouseenter 이벤트

이벤트 객체 참조 이벤트 객체

마우스 포인터 이미지를 이동하는 경우 자바 스크립트를 실행한다 :

<IMG onmouseenter = "bigImg (이)"SRC = ALT = "스마일" "smiley.gif">

»시도

다음 예에서 더 많은 포인트 더 시연을보고 "시도".


정의 및 사용

트리거 이벤트 Onmouseenter 요소 위에 마우스 포인터를 이동합니다.

주의 : 이러한 경우는 일반적으로 연관된 onmouseleave 이벤트와 함께 사용될 때 트리거 소자 밖으로 마우스 포인터를 이동한다.

팁 : 유사한 이벤트 onmouseenter onMouseover와의 이벤트입니다. 유일한 차이점은 이벤트 onmouseenter 기포를 지원하지 않는다는 것이다.


브라우저 지원

테이블의 수치는 이벤트의이 버전을 지원하는 최초의 브라우저를 나타냅니다.

행사
onmouseenter 30.0 5.5 6.1 11.5


문법

HTML에서 :

<요소onmouseenter = "MyScript를"> 시도

자바 스크립트에서 :

객체 .onmouseenter = 함수 () {MyScript를 }; 시도

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

.addEventListener ( "mouseenter"MyScript를 개체 ) 시도

참고 : 인터넷 익스플로러 8과 IE의 이전 버전을 지원하지 않습니다 하여 addEventListener () 메서드를.


기술 세부 사항

거품을 지원하는 여부 : 아니
그것은 취소 할 수 있습니다 : 아니
이벤트 종류 : 된 MouseEvent
지원되는 HTML 태그 : <기본>, <BDO>에서 <br>, <머리>, <HTML>, <iframe을>, <메타>, <PARAM>, <스크립트>, <스타일> 및 <제목>을 제외한 모든 HTML 요소


예

더 많은 예제

이 예는 다른으로 onMouseMove, onmouseenter 및 마우스 오버 이벤트를 보여줍니다

<사업부으로 onMouseMove = "myMoveFunction ()">
<P 아이디 = "데모"> 난으로 onMouseMove 보여줄 것입니다! </ P>
</ DIV>

<사업부 onmouseenter = "myEnterFunction ()">
<P 아이디 = "demo2"> 내가 onmouseenter 보여줄 것입니다! </ P>
</ DIV>

<사업부 onMouseover와 = "myOverFunction ()">
<P 아이디 = "demo3"> 내가 onMouseover와 보여줄 것입니다! </ P>
</ DIV>

»시도


이벤트 객체 참조 이벤트 객체