鼠标悬停在元素上时，使用什么事件代替onmouseout？

Question

i want to run a script when i'm not hovering an element. It's some kind of deactivating something else that was run previously in 'onmouseover' event. So I'm using onmouseout event to run this script, however , that if i don't hover the element and then leave it , the script just don't run. this happens if eg hover the element too fast or the window loses focus . How can i solve that?

let me illustrate this in another way , what i need is an event to be run when an element isn't touched by mouse.

Answer 1

you can try this,

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

the logic is to write deactivate code for onmouseover event of other area of the page.

Answer 2

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