comment faire correctement un événement onmouseout pour un UL?

Question

vérifierons ce code simple:

<ul onmouseout='alert(1)'> 
    <li>aaaaaaaaaaaaaaaaaaaaaaaa</li> 
    <li>bbbbbbbbbbbbbbbbbbbbbbbbb</li> 
    <li>ccccccccccccccccccccccccc</li> 
</ul> 

L'événement onmouseout est tiré même quand je suis à l'intérieur du UL traversant le LI avec la souris.

Ceci est avec FireFox, comment puis-je faire les choses correctement, donc l'événement est déclenché quand je quitte vraiment le UL?

Answer 1

Vous pouvez utiliser le jQUery mouseout ou les fonctions jQuery mouseleave pour cela, The same exists for Mootools.

EDIT

La souris sur l'événement sera déclenché à chaque fois que vous quittez un li et aller à l'autre, mais mouseleave est déclenchée uniquement à la sortie de l'ensemble de la div

$('#id').mouseleave(function(){ 
alert("left the div"); 
}); 

Answer 2

Le problème est due à la sortie du mouseout sur le li. ont alors youll pour empêcher l'événement li.mouseout de bubling

lire sur http://www.quirksmode.org/js/events_order.html