我在浏览器上有一个奇怪的行为。

在下面的示例中，尝试以下操作：

1. 将光标移动到矩形区域。矩形将变为红色
2. 不要移动鼠标，而只是向下滚动，直到光标离开屏幕。
3. 观察.

矩形仍然是红色的。有人知道怎么弄清楚吗？

.container {
  border: 1px solid black;
  height: 2000px;
}

.rect {
  border: 1px solid;
  height: 200px;
  width: 200px;
}

.rect:hover {
  background-color: red;
}

<代码><；DIV类=“容器”>；<；DIV Class=“ rect ” onmouseleave=“ console.log（' mouseleave '）；”>；<；/DIV>；<；/DIV>；

顺晟科技：

这似乎是一种故意的行为。https：//groups.google.com/a/chromium.org/g/blink-dev/c/kiovljzw5fc/m/ekgaotex8cqj？pli=1.

的问题是，鼠标实际上并没有离开，只是页面在滚动，鼠标指针停留在相同的位置。

这种行为权衡主要是出于性能原因。