[JQUERY] 마우스를 두었을 때와 mouseenter 이벤트의 차이점은 무엇입니까?

마우스를 두었을 때와 mouseenter 이벤트의 차이점은 무엇입니까?

해결법

1. ---

   1.당신은의 jQuery 문서 페이지에서 다음 예제를 시도 할 수 있습니다. 그것은 매우 분명하게 멋진의 작은 대화 형 데모 그리고 당신은 실제로 자신을 볼 수 있습니다.

   당신은의 jQuery 문서 페이지에서 다음 예제를 시도 할 수 있습니다. 그것은 매우 분명하게 멋진의 작은 대화 형 데모 그리고 당신은 실제로 자신을 볼 수 있습니다.

   난 VAR = 0; ( "div.overout를") $ .mouseover (함수 () { I + = 1; . $ (이) .find ( "범위") 텍스트 ( "마우스 X를 통해"나는 +를) }) .mouseout (함수 () { $ (이) .find ( "범위") 텍스트 ( "마우스 아웃."); }); VAR의 N = 0; ( "div.enterleave를") $ .mouseenter (함수 () { N + = 1; . $ (이) .find ( "범위") 텍스트 (+ N "마우스 X 입력"); }) .mouseleave (함수 () { $ (이) .find ( "범위") 텍스트 ( "마우스 휴가."); }); div.out { 폭 : 40 %; 높이 : 120 픽셀; 마진 : 0 15 픽셀; 배경 색상 : # d6edfc; 왼쪽으로 뜨다; } div.in { 폭 : 60 %; 신장 : 60 %; 배경 색상 : # FC0; 여백 : 10px 자동; } P { 라인 높이 : 1em; 여백 : 0; 패딩 : 0; } <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> < "overout 밖으로"DIV 클래스 => 마우스를 이동

   < "enterleave 밖으로"DIV 클래스 => 마우스를 이동

   즉, 당신은 당신이 위에있을 때 이벤트를 통해 마우스가 요소에서 발생하는 것을 알 수 있습니다 - 중 자식 또는 부모 요소에서 오는,하지만 마우스 이벤트를 입력에만 발생이 요소에이 요소 외부에서 마우스를 이동합니다.

   또는 마우스 오버로 () 문서를 넣어 :

2. ---

   2.Mouseenter와하는 MouseLeave 이벤트 버블 링에 반응하지 않는, 마우스 오버 동안과 할로 마우스.

   Mouseenter와하는 MouseLeave 이벤트 버블 링에 반응하지 않는, 마우스 오버 동안과 할로 마우스.

   여기에 동작을 설명하는 문서입니다.

3. ---

   3.이런 질문을 종종 그렇듯이, 쿼크 모드는 가장 좋은 대답이있다.

   이런 질문을 종종 그렇듯이, 쿼크 모드는 가장 좋은 대답이있다.

   jQuery의 목표 중 하나는 어느 경우 이름을 사용하여 동일한 동작을 트리거 것, 사물 브라우저 불가지론 만드는 것입니다 때문에, 상상 것이다. 편집 : 다른 게시물 덕분에, 지금은 그렇지 않은 참조

4. ---

   4.

   $(document).ready(function() {
   $("#outer_mouseover").bind
   ("Mouse Over Mouse Out",function(event){
   console.log(event.type," :: ",this.id);})
   $("#outer_mouseenter").bind
   ("Mouse enter Mouse leave",function(event){
   console.log(event.type," :: ",this.id);})
    });
   

from https://stackoverflow.com/questions/1104344/what-is-the-difference-between-the-mouseover-and-mouseenter-events by cc-by-sa and MIT license