VPF::Объясните пожалуйста путь события

kaa

Дата 3.8.2007, 15:21 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 817
Регистрация: 5.11.2005

Репутация: 1
Всего: 2

Задался цель обрабатывать событие mouseover ТОЛЬКО после того как его обработает целевой элемент.

Сделал приблизительно так:

Код


$('*[@foo-parent="1"]').mouseover(MenuOver);
$(document).mouseover(BubblingMouseOver);

function MenuOver(evt)
{
    if(window.event)
    {
        var thisEvent = event;
    }
    else
    {
        var thisEvent = evt;
    }
        
        alert("ok");
    
}

function BubblingMouseOver(evt)
{
    if(window.event)
    {
        var thisEvent = event;
    }
    else
    {
        var thisEvent = evt;
    }
    
    //Определяем фазу
    if(thisEvent.eventPhase==1)
        alert(thisEvent.eventPhase);
    if(thisEvent.eventPhase==3)
        alert(thisEvent.eventPhase);
}

Почитал документацию на w3.org по событиям. Как я понял с моим кривым англицким, событие сначала опускается к целевому элементу, а потом поднимается (bubbling). Только у меня что-то не срабатывает:

не наступает фаза capturing события(eventPhase=1), это фаза, как я понял, наступает когда событие начинает опускаться к целевому элементу. Притом что обработчик целевого елемента и обработчик фазы 3(bubbling) объекта document срабатывают в обратном порядке. smile

Конечно, оно мне сейчас и ненадо, но боюсь пригодится еще, вот и хочется понять что же здесь не так.

Это сообщение отредактировал(а) kaa - 3.8.2007, 18:00

dXdYdZ

Дата 7.8.2007, 02:13 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 146
Регистрация: 16.4.2007

Репутация: 3
Всего: 4

Попробуйте вставить Ваш целевой элемент в другой элемент, например Span. Назначьте обработчик события Span - у. Тогда, по идее, Ваш обработчик, например, щелчка будет вызван после обработчика целевого элемента. А вообще о перехвате событий можно прочитать здесь

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »