javascript - 当鼠标不在元素上时，使用什么事件而不是 onmouseout 来运行？

Question

我想在不悬停元素时运行脚本。这是某种取消激活之前在“onmouseover”事件中运行的其他东西。所以我使用 onmouseout 事件来运行这个脚本，但是，问题是如果我不悬停元素然后离开它，脚本就不会运行。如果将元素悬停得太快或窗口失去焦点，就会发生这种情况。我该如何解决？

编辑：让我以另一种方式说明这一点，我需要的是在鼠标未触摸元素时运行的事件。

Answer 1

你可以试试这个

<div id="div1" onmouseover="fucntionIn()" onmouseout="functionOut()">"Special Area"</div>
<div id="div2" onmouseover="fucntionOut()">Other area</div>

逻辑是为页面其他区域的onmouseover事件编写停用代码。

Answer 2

如果你onmouseover在整个页面上检测（通过事件冒泡），当它进入一个新元素时，你最后观察到的原始元素是否是当前目标元素的父元素，如果不是，那么你知道它退出了原始元素DOM 节点，即使onmouseout没有触发。