jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

final move to png

Browse source
This commit is contained in:
Ilya Kantor 2015-04-18 01:40:37 +03:00
parent 0ed8583dc2
commit 90855e8899
43 changed files with 101 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

8
2-ui/3-event-details/3-mousemove-mouseover-mouseout-mouseenter-mouseleave/article.md
View file

@ -8,7 +8,7 @@
Событие `mouseover` происходит, когда мышь появляется над элементом, а `mouseout` -- когда уходит из него.
<img src="mouseover-mouseout.svg">
<img src="mouseover-mouseout.png">
При этом мы можем узнать, с какого элемента пришла (или на какой ушла) мышь, используя дополнительное свойство объекта события `relatedTarget`.
@ -43,7 +43,7 @@
Это означает, что если посетитель двигает мышью быстро, то DOM-элементы, через которые мышь проходит на большой скорости, могут быть пропущены.
<img src="mouseover-mouseout-over-elems.svg">
<img src="mouseover-mouseout-over-elems.png">
При быстром движении с элемента `#FROM` до элемента `#TO`, как изображено на картинке выше -- промежуточные `<DIV>` будут пропущены. Сработает только событие `mouseout` на `#FROM` и `mouseover` на `#TO`.
@ -53,7 +53,7 @@
В частности, возможна ситуация, когда курсор прыгает в середину страницы, и при этом `relatedTarget=null`, то есть он пришёл "ниоткуда" (на самом деле извне окна):
<img src="mouseover-mouseout-from-outside.svg">
<img src="mouseover-mouseout-from-outside.png">
Обратим внимание ещё на такую деталь. При быстром движении курсор окажется над `#TO` сразу, даже если этот элемент глубоко в DOM. Его родители при движении сквозь них события не поймают.
@ -77,7 +77,7 @@
**При переходе на потомка срабатывает `mouseout` на родителе.**
<img src="mouseover-to-child.svg">
<img src="mouseover-to-child.png">
Это кажется странным, но легко объяснимо.