2012-08-20 3 views
0

나는 다음과 같은 코드가 있습니다 :자바 스크립트는 onMouseover와

area = document.createElement('div'); 
drag = document.createElement('div'); 
body.appendChild(area); 
area.appendChild(drag); 

area.onmouseover = function() { 
    console.log('entered'); 
} 
area.onmouseout = function() { 
    console.log('leaved'); 
} 

문제는 마우스가 자식 드래그를 통해 전환 될 때 입력하고 떠나으로 간주한다는 것입니다!

미리보기 : http://s12.postimage.org/xopqous19/preview.gif

+1

이미지를 만들 때 사용한 프로그램을 물어볼 수 있습니까? – 0x499602D2

+0

이미지가 모두 어둡게 보입니다. LOL –

+0

preview.gif가 작동하지 않습니다. 다음 번에 gif를 업로드하려면 imgur를 사용해보십시오. 도 있습니다! jsfiddle.net plz – MicronXD

답변

1

사용 onmouseenter거품 효과에서 고통을하지 않는 대신 onmouseleave.

jQuery는 및 mouseleave()이라는 브라우저 간 버전의 브라우저 간 입니다. 그렇지 않으면 this을 참조하여 외부 라이브러리에 의존하지 않는 다른 크로스 브라우저 구현을 할 수 있습니다.

+0

jquery를 사용하고 싶지 않습니다. 몇 가지 이유. 및 onmouseenter 및 onmouseleave는 IE –

+0

에서 작동합니다. @Bahaazahika :이 구현을 참조하십시오. http://blog.stchur.com/2007/03/15/mouseenter-and-mouseleave-events-for-firefox-and-other -non-ie-browsers /. –

+0

IE와 작동하지만 크롬 및 기타 오류가 없음 오류 : 잡히지 않은 TypeError : 개체 # 에는 'attachEvent'메서드가 없습니다. –