|
2 | 2 |
|
3 | 3 | Элемент получает фокус, когда пользователь кликает по нему или использует клавишу `key:Tab`. Также существует HTML-атрибут `autofocus`, который устанавливает фокус на элемент, когда страница загружается. Есть и другие способы получения фокуса, о них - далее. |
4 | 4 |
|
5 | | -Фокусировка обычно означает "готов принять данные", т.е. момент, когда мы можем выполнить код, чтобы инициализировать или загрузить что-нибудь. |
| 5 | +Фокусировка обычно означает "приготовься к вводу данных на этом элементе", это хороший момент, чтобы инициализовать или загрузить что-нибудь. |
6 | 6 |
|
7 | 7 | Момент потери фокуса ("blur") может быть важнее. Это момент, когда пользователь кликает куда-то ещё или нажимает `key:Tab`, чтобы переключиться на следующее поле формы. Есть другие причины потери фокуса, о них - далее. |
8 | 8 |
|
9 | 9 | Потеря фокуса обычно означает "данные введены", и мы можем выполнить проверку введенных данных или даже отправить эти данные на сервер и так далее. |
10 | 10 |
|
11 | | -В работе с событиями фокусировки есть важные особенности. Мы постараемся разобрать их здесь. |
| 11 | +В работе с событиями фокусировки есть важные особенности. Мы постараемся разобрать их далее. |
12 | 12 |
|
13 | 13 | ## События focus/blur |
14 | 14 |
|
15 | 15 | Событие `focus` вызывается в момент фокусировки, а `blur` -- когда элемент теряет фокус. |
16 | 16 |
|
17 | | -Используем их для валидации введённых данных. |
| 17 | +Используем их для валидации(проверки) введённых данных. |
18 | 18 |
|
19 | 19 | В примере ниже: |
20 | 20 |
|
|
86 | 86 |
|
87 | 87 | Это сработает во всех браузерах, кроме Firefox ([bug](https://bugzilla.mozilla.org/show_bug.cgi?id=53579)). |
88 | 88 |
|
89 | | -Если мы что-нибудь введём и нажмём `key:Tab` или кликнем мимо `<input>`, тогда `onblur` вернёт фокус обратно. |
| 89 | +Если мы что-нибудь введём и нажмём `key:Tab` или кликнем в другое место, тогда `onblur` вернёт фокус обратно. |
90 | 90 |
|
91 | 91 | Отметим, что мы не можем "отменить потерю фокуса", вызвав `event.preventDefault()` в обработчике `onblur` потому, что `onblur` срабатывает *после* потери фокуса элементом. |
92 | 92 |
|
|
126 | 126 | Например, список ниже. Кликните первый пункт в списке и нажмите `key:Tab`: |
127 | 127 |
|
128 | 128 | ```html autorun no-beautify |
129 | | -Кликните первый пункт в списке и нажмите Tab. Продолжайте следить за порядком. Заметьте, что множество последовательных нажатий Tab может переместить фокус из iframe с примером. |
| 129 | +Кликните первый пункт в списке и нажмите Tab. Продолжайте следить за порядком. Обратите внимание, что много последовательных нажатий Tab могут вывести фокус из iframe с примером. |
130 | 130 | <ul> |
131 | 131 | <li tabindex="1">Один</li> |
132 | 132 | <li tabindex="0">Ноль</li> |
|
0 commit comments