verhindert mouseout Ereignis für Kind Knoten

Question

Ich habe eine Liste von Bildern, auf über auf das Bild Ich möchte einige Informationen zu diesem Bild zeigen. Und mouseout des info div, sollte gleich verschwinden. Problem ist, wenn Maus auf Kind-Tag von info div bewegt, feuert Mouseout sogar, was nicht sollte. Und ich benutze normales 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"; 
} 

Answer 1

Das ist das Verhalten von mouseover. Wenn Sie jedoch jQuery verwenden, können Sie mouseenter/mouseleave-Ereignisse verwenden.

Answer 2

Sie können das Verhalten von mouseleave-Ereignis emulieren:

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