0

Здравствуйте. Короче, такая проблемка:

Есть блок <div id="main"> а в нем еще много элементом, нужно вызвать функцию, когда возникает событие onmouseout.

Делаю так:

document.getElementById("main").onmouseout = function () {...}

Но беда! Когда я навожу на дочерние элементы блока main, то тоже срабатывает это событие.

Как быть? Что бы такой нехорошести не было?

JQuery не предлагайте.

3
  • 1
    > Как быть? Что бы такой нехорошести не было? Передавтаь объект event функции, проверять parentNode рекурсивно от event.target на предмет совпадения с #main. > JQuery не предлагайте. Зря. jQuery, конечно, выродился в беспомощный-беспощадный репозитарий плагинов, но пользоваться плохим фреймворком экономнее, чем не пользоваться ничем. Да и не сказать что он чем-то мегаплох при корректном использовании.
    – etki
    28 мар 2014 в 17:41
  • @Fike, никуда jQuery не выродился, и в общем-то неплохая библиотека (jQuery - не фреймворк) для DOM. То что его использует школота не делает его плохим.
    – zb'
    28 мар 2014 в 17:51
  • вообще конечно эта дурацкая пропаганда "jQuery вам не нужен" слегка задолбала уже. В результате пипл все равно не учит js, а запаривается больше. DOM функции - не js! и знать их не то чтобы обязательно, если ты не программируешь фреймворк,либу или браузерный движек.
    – zb'
    28 мар 2014 в 17:55

2 ответа 2

0

а чем вас не устраивает jQuery ? дело в том, что в нативной реализации всплывающих событий всплытие реализовано двумя разными способами. поэтому stopPropagation сработает не всегда, в jQuery они оборачивают событийную модель по-своему, что делает всплытие более определенным. В вашем случае есть вариант

function mouseOut(e) {    
    if (this.contains(e.relatedTarget)) return;

}
//для mouseover
function mouseIn(e) {
    if (e.target != this) return;

}

http://jsfiddle.net/T5qfW/

2
  • Спасибо большое, так это же абсолютно рабочий пример. Я пока хочу сам разобраться во всем этом, как работает и т.п. Я это делаю для себя, и не вижу смысла использовать jquery, а сам этот фреймворк считаю нужен лишь для того, что бы быстро решать часто возникающие задачи. Использовать его только в целях работы.
    – vasyavasya
    28 мар 2014 в 18:57
  • Ну вот как бы вам сказать. Для себя учите сам js, понять асинхронность много полезнее чем методы dom. и еще раз - jQuery - библиотека, не фреймворк. типа есть разница. Про всплытие я кажется немного наврал, там не всплытие а именно mouseout на дочерний элемент (ну так это устроено странно) поэтому при mouseout делаем проверку на элемент внутри контейнера. А вот при mouseover как-раз всплытие.
    – zb'
    28 мар 2014 в 21:59
0

Используйте onmouseleave вместо onmouseout.
Если возникнет аналогичная проблема с onmouseover - его аналог onmouseenter, но он не пашет в IE, насколько я знаю.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.