如果一個元素的鼠標移出==其他元素的真實&&鼠標懸停=真

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>