|
1 | | -# События мыши: mouseover/-out, mouseenter/-leave |
| 1 | +# Движение: mouseover/-out, mouseenter/-leave |
2 | 2 |
|
3 | | -В этой главе мы более подробно рассмотрим события, возникающие при движении указателя мыши (и иных управляющих курсором устройств) над элементами страницы. |
| 3 | +В этой главе мы более подробно рассмотрим события, возникающие при движении указателя (курсора) мыши над элементами страницы. |
4 | 4 |
|
5 | 5 | ## Mouseover/mouseout, relatedTarget |
6 | 6 |
|
7 | | -Событие `mouseover` происходит разово в момент, когда курсор оказывается над элементом, а событие `mouseout` -- тоже разово, но в момент, когда курсор уходит с элемента. |
| 7 | +Событие `mouseover` происходит однократно в момент, когда курсор оказывается над элементом, а событие `mouseout` -- тоже однократно, но в момент, когда курсор уходит с элемента. |
8 | 8 |
|
9 | 9 |  |
10 | 10 |
|
|
15 | 15 | - `event.target` -- это элемент, на который курсор зашёл. |
16 | 16 | - `event.relatedTarget` -- это элемент, с которого курсор ушёл. |
17 | 17 |
|
18 | | -Для события `mouseout` наоброт: |
| 18 | +Для события `mouseout` наоборот: |
19 | 19 |
|
20 | 20 | - `event.target` -- это элемент, с которого курсор ушёл. |
21 | 21 | - `event.relatedTarget` -- это элемент, на который курсор зашёл. |
|
31 | 31 | ```warn header="Свойство `relatedTarget` может быть `null`" |
32 | 32 | Свойство `relatedTarget` может быть `null`. |
33 | 33 |
|
34 | | -Это нормально и означает, что курсор пришёл не с другого элемента, а из-за пределов окна браузера. Или же, наоборот, ушёл за пределы окна. |
| 34 | +Это нормально и означает, что указатель мыши пришёл не с другого элемента, а из-за пределов окна браузера. Или же, наоборот, ушёл за пределы окна. |
35 | 35 |
|
36 | 36 | Разработчикам следует держать в голове такие варианты при использовании `event.relatedTarget` в своём коде. Если, например, написать `event.relatedTarget.tagName`, то при отсутствии `event.relatedTarget` будет ошибка. |
37 | 37 | ``` |
|
0 commit comments