2014-09-30 4 views
2

마우스가 뷰포트를 맨 위에 놓으면 (북쪽으로 말하면) 감지하고 싶습니다. 나는 그물을 수색하여 How can I detect when the mouse leaves the window?을 찾았다. 좋은 시작이지만, 마우스가 다른 방향으로 떠날 때도 감지합니다. 상단의 출구 만 어떻게 감지 할 수 있습니까?마우스가 뷰포트의 상단을 벗어날 때를 감지합니까?

감사합니다.

+0

트랙에게 위치를 마우스가 윈도우를 떠났음을 감지 한 후 마지막으로 알려진 위치에 가드를 두십시오. –

+0

정확히 무엇을 의미합니까? 좀 더 설명해 줄래? – user4095519

+0

나 자신을 알아 냈어, 고마워! – user4095519

답변

3

사용이 플러그인 : https://github.com/carlsednaoui/ouibounce

그것은 이벤트를 발생 때 상단 뷰포트 밖으로 마우스를 이동합니다. 계정에있는 스크롤 막대와 autcomplete 필드 복용하지 않고하는 MouseLeave를 감지하기 위해

enter image description here

0

: 다음

document.addEventListener("mouseleave", function(event){ 

    if(event.clientY <= 0 || event.clientX <= 0 || (event.clientX >= window.innerWidth || event.clientY >= window.innerHeight)) 
    { 

    console.log("I'm out"); 

    } 
}); 

을 그냥 조건을 삭제해야합니다 :

event.clientY <= 0 is when the mouse leave from the top 
event.clientX <= 0 is when the mouse leave from the left 
event.clientX >= window.innerWidth is when the mouse leave from the right 
event.clientY >= window.innerHeight is when the mouse leave from the bottom