|
84 | 84 |
|
85 | 85 | Все события мыши включают в себя информацию о нажатых клавишах-модификаторах. |
86 | 86 |
|
87 | | -Свойства объекта события: |
| 87 | +Свойства события: |
88 | 88 |
|
89 | 89 | - `shiftKey`: `key:Shift` |
90 | 90 | - `altKey`: `key:Alt` (или `key:Opt` для Mac) |
|
126 | 126 | ``` |
127 | 127 |
|
128 | 128 | ```warn header="Не забывайте про мобильные устройства" |
129 | | -Комбинации клавиш на клавиатуре -- это хорошее дополнение к рабочему процессу. Если у пользователя есть клавиатура -- они работают. Ну а если на его устройстве её нет -- должен быть другой способ сделать то же самое. |
| 129 | +Комбинации клавиш хороши в качестве дополнения к рабочему процессу. Так что, если посетитель использует клавиатуру – они работают. |
| 130 | +
|
| 131 | +Но если на их устройстве его нет – тогда должен быть способ жить без клавиш-модификаторов. |
130 | 132 | ``` |
131 | 133 |
|
132 | 134 | ## Координаты: clientX/Y, pageX/Y |
|
136 | 138 | 1. Относительно окна: `clientX` и `clientY`. |
137 | 139 | 2. Относительно документа: `pageX` и `pageY`. |
138 | 140 |
|
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`. |
140 | 148 |
|
141 | 149 | ````online |
142 | 150 | Наведите курсор мыши на поле ввода, чтобы увидеть `clientX/clientY` (пример находится в `iframe`, поэтому координаты определяются относительно этого `iframe`): |
|
0 commit comments