Как сделать так, чтобы событие mouseout игнорировалось?

Question

[Z_Coder]

Есть примерная разметка:

<ul>
    <li><a href="">item1</a></li>
    <li><a href="">item2</a></li>
    <li><a href="">item3</a></li>
    <li><a href="">item4</a></li>
    <li><a href="">item5</a></li>
</ul>

На элементе ul навешаны обработчики событий mouseover и mouseout. Проблема в том, что событие mouseout происходит не только когда я увожу курсор с самого элемента ul, но и когда навожу на дочерний элемент будь то li или a. Мне нужно чтобы mouseout элемента ul срабатывал только когда я увожу курсор с самого ul, а при переходе на дочерний элемент событие mouseout игнорировалось бы.

Надеюсь что я понятно изложил суть. Подскажите пожалуйста как решить эту задачу. Спасибо.

Answer 1

[RubaXa]

Все верно, чтобы избежать этой ситуации, используйте mouseenter и mouseleave, либо hover.

Comments

[Z_Coder]

@RubaXa как всегда выручаете по джаваскрипту.

Answer 2

[_ _]

Проверяйте код и верстку, если все сверстано и написано верно, то и работать будет так, как вы ожидаете. Вот вам фиддл jsfiddle.net/AMar4enko/eA2qU
В следующий раз прикладывайте максимум информации, в идеале фиддл со сниппетом, который не работает - тут не собрание Кашпировских, по фотографии не лечат.