Skip to content

Commit cd33908

Browse files
authored
smth
1 parent 827ef24 commit cd33908

File tree

1 file changed

+11
-3
lines changed
  • 2-ui/3-event-details/1-mouse-events-basics

1 file changed

+11
-3
lines changed

2-ui/3-event-details/1-mouse-events-basics/article.md

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@
8484
8585
Все события мыши включают в себя информацию о нажатых клавишах-модификаторах.
8686
87-
Свойства объекта события:
87+
Свойства события:
8888
8989
- `shiftKey`: `key:Shift`
9090
- `altKey`: `key:Alt` (или `key:Opt` для Mac)
@@ -126,7 +126,9 @@
126126
```
127127
128128
```warn header="Не забывайте про мобильные устройства"
129-
Комбинации клавиш на клавиатуре -- это хорошее дополнение к рабочему процессу. Если у пользователя есть клавиатура -- они работают. Ну а если на его устройстве её нет -- должен быть другой способ сделать то же самое.
129+
Комбинации клавиш хороши в качестве дополнения к рабочему процессу. Так что, если посетитель использует клавиатуру – они работают.
130+
131+
Но если на их устройстве его нет – тогда должен быть способ жить без клавиш-модификаторов.
130132
```
131133

132134
## Координаты: clientX/Y, pageX/Y
@@ -136,7 +138,13 @@
136138
1. Относительно окна: `clientX` и `clientY`.
137139
2. Относительно документа: `pageX` и `pageY`.
138140

139-
Например, если у нас есть окно размером 500x500, и курсор мыши находится в левом верхнем углу, то значения `clientX` и `clientY` равны `0`. А если мышь находится в центре окна, то значения `clientX` и `clientY` равны `250` независимо от того, в каком месте документа она находится и до какого места документ прокручен. В этом они похожи на `position:fixed`.
141+
Мы уже рассмотрели разницу между ними в главе <info:coordinates>.
142+
143+
Если в кратце, то относительные координаты документа `pageX/Y` отсчитываются от левого верхнего угла документа и не меняются при прокрутке страницы, в то время как `clientX/Y` отсчитываются от левого верхнего угла текущего окна. Когда страница прокручивается, они меняются.
144+
145+
Например, если у нас есть окно размером 500x500, и курсор мыши находится в левом верхнем углу, то значения `clientX` и `clientY` равны `0`, независимо от того, как прокручивается страница.
146+
147+
А если мышь находится в центре окна, то значения `clientX` и `clientY` равны `250` независимо от того, в каком месте документа она находится и до какого места документ прокручен. В этом они похожи на `position:fixed`.
140148

141149
````online
142150
Наведите курсор мыши на поле ввода, чтобы увидеть `clientX/clientY` (пример находится в `iframe`, поэтому координаты определяются относительно этого `iframe`):

0 commit comments

Comments
 (0)