マウスの位置がブラウザの端の近くにあるかどうかを判断する

Question

ブラウザでは、マウスの位置を表すポイントが「外側の領域」と呼ばれるものであるかどうかを判断しようとしています。たとえば、添付の画像では、外側の領域は青い背景を持つものです。

コードと画像では、wはブラウザのビューポートの幅を表し、hはマウスの位置の高さ、x、yを表します。

今、私はこのコードを使用してそれを行う：

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の位置はW以下であるため、W以下のW以下であるかどうかを確認する必要はありません。W。Y軸にも同じことが当てはまります。以下で十分です：

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

Answer 2

ページ全体をdivに包むことができます（呼ばれます outer）そして、に接続します hover イベント。