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

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

在代码和图像中，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")

---

if（（x>0&&xw2&&xw1&&x0&&yh2&&y您不需要检查它是否大于0且小于W，因为指针x位置不能小于0或大于W。这同样适用于y轴。以下内容应足够：

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

如果（（x>w2 | | xh2 | | y您可以将整个页面包装成一个DIV（称为
outer
），然后连接到
悬停
事件。
我可以问一下您要制作什么吗？这是某种“边缘滚动”吗在大多数RTS游戏中都是这样的吗？不。页面不会随着鼠标滚动。这更像是当鼠标在外部区域时我想要设置一些数据。