empêcher l'événement mouseout pour le noeud enfant

Question

J'ai une liste d'images, sur l'image je veux montrer quelques informations sur cette image. Et mouseout de l'info div, même devrait disparaître. Le problème est que lorsque la souris se déplace sur la balise enfant de l'information div elle déclenche même le mouseout, ce qui ne devrait pas. Et j'utilise JavaScript normal.

<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

C'est le comportement du survol de la souris. Cependant, si vous utilisiez jQuery, vous pourriez utiliser des événements mouseenter/mouseleave.

Answer 2

Vous pouvez émuler le comportement d'événement mouseleave:

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