确定鼠标位置是否靠近浏览器的边缘

Question

在浏览器中，我试图确定代表鼠标位置的点是否在我称之为“外部区域”的位置。例如，在附加的图像中，外部区域是具有蓝色背景的区域。

在代码和图像中，W代表浏览器视口的宽度，而H代表高度，而x代表鼠标位置

现在，我正在使用这段代码来做到这一点：

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

您不需要检查它是否大于0且小于W，因为指针x位置不能小于0或大于W.这同样适用于Y轴。以下应该足够了：

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

Answer 2

您可以将整个页面包装成DIV（称为outer），然后连接到hover事件。