Здравствуйте.
upd: Решение проблемы найдено. Решение в ответах.
Сначала немного кода, потом проблема:
HTML:
<div style="background:#ccc" onmouseover="over()">
<a href="#">link</a>
<a href="#">another link</a>
</div>
JavaScript:
function over() {
alert('over');
}
Проблема в том, что событие onmouseover
повторно срабатывает при наведении на любую из ссылок, даже если указатель мыши и до этого находился в границах div
-a.
Вопрос в том, как обойти этот механизм. Мне нужно, чтобы событие вызывалось только в тот момент, когда пользователь наводит мышь на div
.
Та же проблема наблюдается с onmouseout
, но мне мнится, что решения у них должны быть аналогичными.
Кусок контекста для понимания проблемы:
Есть каскадное меню.
Подменюшки выплывают с помощью JS ибо клиента не устраивает их мгновенное появление при реализации через CSS.
Проблема в том, что процесс отрисовки подменю повторяется при наведении на его пункты.
div
-e, но повторно срабатывает при наведении на ссылки в этомdiv
-e содержащиеся. С JS работаю не слишком плотно, по этому вероятно чего-то недопонимаю. Если так - поправьте меня пожалуйста.