防止子节点的鼠标事件

我有图像列表，在图像上我想显示一些关于该图像的信息。信息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

防止子节点的鼠标事件

回答

相关问题