마우스 위치가 브라우저 가장자리 근처에 있는지 확인

Question

브라우저에서 마우스 위치를 나타내는 점이 "외부 영역"에 있는지 확인하려고합니다. 예를 들어, 첨부 된 이미지에서 바깥 쪽 영역은 파란색 배경이있는 영역입니다. 코드 화상 W에서

alt text http://i34.tinypic.com/r8grwz.png

는 H가

지금 마우스 위치에 대해 높이 및 X, Y를 나타내고, I이 사용하고, 브라우저의 표시 영역의 폭을 나타낸다 그것을 할 코드 조각 :

if (((x>0 && x<w1) || (x>w2 && x<W)) 
    || 
    ((x>w1 && x<w2) && 
     ((y>0 && y<h1) || (y>h2 && y<H)) 
    )) 
    console.log("we are in the outer area") 

그것이 작동하는 동안, 나는 거기에 어떤 더 좋은 방법이 있는지 궁금하네요?

Answer 1

포인터의 x 위치가 0보다 작거나 같을 수 없으므로 0보다 크고 W보다 작지 않은지 확인하지 않아도됩니다. Y 축에도 동일하게 적용됩니다. 다음은 충분해야한다 :

if((x>w2 || x<w1) || (y>h2 || y<h1)){ 
    console.log("We are in the outer area"); 
} 

Answer 2

당신은 (라고 outer)를 DIV로 전체 페이지를 포장하고 hover 이벤트에 연결할 수 있습니다.