iframe에 마우스가 들어가면 문서 mouseout 이벤트가 발생하지 않도록하려면 어떻게해야합니까?

Question

마우스가이 대답에 지정된대로 창에서 나가는 지 감지합니다 : How can I detect when the mouse leaves the window?.

문제는 마우스가 iframe (제 경우의 Youtube 동영상 포함)에 들어가면 브라우저가이 이벤트를 트리거한다는 것입니다.

어떻게 방지 할 수 있습니까?

감사합니다.

Answer 1

당신은 단순히 핸들러 이런 식으로 수정해야합니다 :

addEvent(document, "mouseout", function(e) { 
    e = e ? e : window.event; 
    var from = e.relatedTarget || e.toElement; 

    // we will check if this won't be iframe 
    var to = e.target || e.srcElement; 
    if ((!from || from.nodeName == "HTML") 
     && to.nodeName !== "IFRAME") { 
     console.log('mouse out') 
    } 
}); 

편집 추가 IE를 지원하는 e.srcElement 옵션을