Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Mouseover/out (https://javascript.ru/forum/dom-window/57738-mouseover-out.html)

Decode 17.08.2015 17:03

Mouseover/out
 
Пример из учебника: http://plnkr.co/edit/3oOMMHllcT2xQujdXaru?p=preview

Цитата:

1. При заходе на синий — на нём сработает mouseover [target: blue].
2. При переходе с синего на красный — будет mouseout [target: blue] — уход с родителя.
3. И тут же mouseover [target: red] — как ни странно, «обратный переход» на родителя.
На самом деле, обратного перехода нет. Событие mouseover сработало на потомке (видно по target: red), а затем всплыло.
Почему выводиться target: red? Ведь на красном блоке нет обработчика. Событие всплыло на синий, на нем target должен быть blue, а не red.

Rise 17.08.2015 18:13

Decode, Всплытие и перехват
Цитата:

Всплытие идёт прямо наверх. Обычно событие будет всплывать наверх и наверх, до элемента <html>, а затем до document, а иногда даже до window, вызывая все обработчики на своем пути.
Цитата:

event.target — это исходный элемент, на котором произошло событие, в процессе всплытия он неизменен.
this — это текущий элемент, до которого дошло всплытие, на нём сейчас выполняется обработчик.

Decode 17.08.2015 20:59

Rise, точно, про это я и забыл.


Часовой пояс GMT +3, время: 13:34.