如果一个元素的mouseout == true＆amp;＆amp; mouseover的另一个元素！= true

Question

如果dom包含以下节点：

<span id="one_element"></span> 
<div id="the_other_element"></div>

当鼠标光标位于一个元素之外而不是另一个元素之外时，如何在事件中调用某些函数？有方法吗？

（一个元素可以是块级或内联级，定位为静态，相对或绝对;另一个元素相对于文档定位为绝对，并且可以覆盖一个元素。）

Answer 1

如果你没有使用任何JS库，你可以使用这样的全局状态变量：

<script>
var theOtherElementCursor = false;

function myEvent() {
    if (!theOtherElementCursor) {
        // Do something here!
    }
}
</script>
.
.
.
<span id="one_element" onMouseOut="myEvent()"></span> 
<div id="the_other_element" 
     onMouseOver="theOtherElementCursor = true;"
     onMouseOut="theOtherElementCursor = false;"></div>