防止子節點的鼠標事件

我有圖像列表，在圖像上我想顯示一些關於該圖像的信息。信息div的鼠標移出，同樣會消失。問題在於，當鼠標移動到info div的子標籤上時甚至會觸發mouseout，這不應該。我正在使用普通的JavaScript。防止子節點的鼠標事件

<div id="pop_div" onmouseout="clearinfo()" > 
    <img alt="" src="" /> 
    <p>lines of text</p> 
</div> 


function clearinfo() 
{ 
    document.getElementById("pop_div").style.dispaly = "none"; 
}

來源

2009-07-20 vinay

爲什麼這個崗位上做出了社會維基？ – rahul 2009-07-20 04:20:48

你不會得到答案，因爲人們沒有得到cWiki的積分... – James 2009-07-20 06:35:27

這就是mouseover的行爲。如果你使用jQuery，你可以使用mouseenter/mouseleave事件。

來源

2009-07-20 06:53:43

如果可以在jQuery中完成，可以單獨使用JavaScript來完成。 – 2012-10-09 22:35:56

可以模擬鼠標離開事件的行爲：

<div id="pop_div" onmouseout="if ((event.relatedTarget || event.toElement) == this.parentNode) clearinfo()" > 
    <img alt="" src="" /> 
    <p>lines of text</p> 
</div>

來源

2009-07-20 13:09:17

防止子節點的鼠標事件

回答

相關問題