Określanie, czy pozycja myszy znajduje się w pobliżu krawędzi przeglądarki

Question

W przeglądarce próbuję ustalić, czy punkt reprezentujący pozycję myszy znajduje się w obszarze nazywanym "obszarem zewnętrznym". Na przykład na dołączonym obrazie obszar zewnętrzny to ten z niebieskim tłem.

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

w kod i wizerunku W oznacza szerokość widoku z przeglądarki, a H oznacza wysokość, a X, Y do pozycji myszy

Teraz mi pomocą tego kawałek kodu, aby to zrobić:

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") 

Chociaż działa tak, jak jest, zastanawiam się, czy jest jakiś lepszy sposób na to?

Answer 1

Nie trzeba sprawdzać, czy jest większa niż 0 i mniejsza niż W, ponieważ położenie wskaźnika X nie może być mniejsze niż 0 lub większe niż W. To samo dotyczy osi Y. Następujące dokumenty powinny być wystarczająco:

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

Answer 2

Można owinąć całą swoją stronę do DIV (tzw outer), a następnie połączyć się z imprezy hover.