nœud parent reçoit mouseout indésirable de nœuds enfants

Question

i ont les divs suivants:

<div id="scrollable"> 
    <div class="item">item 1</div> 
    <div class="item">item 2</div> 
</div> 

Je joins des gestionnaires d'événements au #scrollable div - mouseover, mousedown mouseup afin de mettre en œuvre un effet de défilement avec la souris traînant la div. le problème est que je reçois le mouseout pour le div #scrollable chaque fois que la souris se déplace entre les deux div tout en restant à l'intérieur de la div. Donc, la souris est à l'intérieur de la div @scrollable mais juste passer de item1 à item2 - et cela casse mon glisser ...

Est-il un moyen de contourner ce problème?

Answer 1

Ce qui se passe, c'est que vous ne gérez pas ces événements dans les divs internes, donc ils remontent jusqu'au parent. Une façon serait d'ajouter un gestionnaire d'événement aux enfants et de supprimer cet événement pour que cela ne se produise pas.

Cordialement