Skip to content

Commit 5134b42

Browse files
authored
Apply suggestions from code review
1 parent 9a3d511 commit 5134b42

6 files changed

Lines changed: 10 additions & 10 deletions

File tree

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
<p>Кликните на ячейку таблицы, чтобы редактировать её. Нажмите ОК или ОТМЕНА, когда закончите.</p>
1414

15-
<table id="table">
15+
<table id="bagua-table">
1616
<tr>
1717
<th colspan="3">Квадрат <em>Bagua</em>: Направление, Элемент, Цвет, Значение</th>
1818
</tr>

2-ui/4-forms-controls/2-focus-blur/4-edit-td-click/solution.view/my.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
padding: 0;
55
display: block;
66
resize: none;
7-
/* отключаем изменение размера текстовой области в Firefox */
7+
/* отключаем изменение размера мышью в Firefox */
88

99
outline: none;
1010
/* удаляем обводку при фокусировке в Chrome */

2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/solution.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

2-
Мы можем использовать `mouse.onclick` для обработки клика и сделать мышь "перемещаемой" с помощью `position:fixed`, затем использовать `mouse.onkeydown` для обработки клавиш со стрелками.
2+
Мы можем использовать `mouse.onclick` для обработки клика и сделать мышь "перемещаемой" с помощью `position:fixed`, а затем использовать `mouse.onkeydown` для обработки клавиш со стрелками.
33

44
Единственная проблема в том, что `keydown` срабатывает только на элементах с фокусом. И нам нужно добавить `tabindex` к элементу. Так как изменять HTML запрещено, то для этого мы можем использовать свойство `mouse.tabIndex`.
55

2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/solution.view/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818

1919
<body>
2020

21-
<p>Кликните мышь и перемещайте её с помощью клавиш со стрелками.</p>
21+
<p>Кликните по "изображению" мыши и перемещайте её с помощью клавиш со стрелками.</p>
2222

2323
<pre id="mouse">
2424
_ _

2-ui/4-forms-controls/2-focus-blur/5-keyboard-mouse/source.view/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818

1919
<body>
2020

21-
<p>Кликните мышь и перемещайте её с помощью клавиш со стрелками.</p>
21+
<p>Кликните по "изображению" мыши и перемещайте её с помощью клавиш со стрелками.</p>
2222

2323
<pre id="mouse">
2424
_ _

2-ui/4-forms-controls/2-focus-blur/article.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,19 @@
22

33
Элемент получает фокус, когда пользователь кликает по нему или использует клавишу `key:Tab`. Также существует HTML-атрибут `autofocus`, который устанавливает фокус на элемент, когда страница загружается. Есть и другие способы получения фокуса, о них - далее.
44

5-
Фокусировка обычно означает "готов принять данные", т.е. момент, когда мы можем выполнить код, чтобы инициализировать или загрузить что-нибудь.
5+
Фокусировка обычно означает "приготовься к вводу данных на этом элементе", это хороший момент, чтобы инициализовать или загрузить что-нибудь.
66

77
Момент потери фокуса ("blur") может быть важнее. Это момент, когда пользователь кликает куда-то ещё или нажимает `key:Tab`, чтобы переключиться на следующее поле формы. Есть другие причины потери фокуса, о них - далее.
88

99
Потеря фокуса обычно означает "данные введены", и мы можем выполнить проверку введенных данных или даже отправить эти данные на сервер и так далее.
1010

11-
В работе с событиями фокусировки есть важные особенности. Мы постараемся разобрать их здесь.
11+
В работе с событиями фокусировки есть важные особенности. Мы постараемся разобрать их далее.
1212

1313
## События focus/blur
1414

1515
Событие `focus` вызывается в момент фокусировки, а `blur` -- когда элемент теряет фокус.
1616

17-
Используем их для валидации введённых данных.
17+
Используем их для валидации(проверки) введённых данных.
1818

1919
В примере ниже:
2020

@@ -86,7 +86,7 @@
8686

8787
Это сработает во всех браузерах, кроме Firefox ([bug](https://bugzilla.mozilla.org/show_bug.cgi?id=53579)).
8888

89-
Если мы что-нибудь введём и нажмём `key:Tab` или кликнем мимо `<input>`, тогда `onblur` вернёт фокус обратно.
89+
Если мы что-нибудь введём и нажмём `key:Tab` или кликнем в другое место, тогда `onblur` вернёт фокус обратно.
9090

9191
Отметим, что мы не можем "отменить потерю фокуса", вызвав `event.preventDefault()` в обработчике `onblur` потому, что `onblur` срабатывает *после* потери фокуса элементом.
9292

@@ -126,7 +126,7 @@
126126
Например, список ниже. Кликните первый пункт в списке и нажмите `key:Tab`:
127127

128128
```html autorun no-beautify
129-
Кликните первый пункт в списке и нажмите Tab. Продолжайте следить за порядком. Заметьте, что множество последовательных нажатий Tab может переместить фокус из iframe с примером.
129+
Кликните первый пункт в списке и нажмите Tab. Продолжайте следить за порядком. Обратите внимание, что много последовательных нажатий Tab могут вывести фокус из iframe с примером.
130130
<ul>
131131
<li tabindex="1">Один</li>
132132
<li tabindex="0">Ноль</li>

0 commit comments

Comments
 (0)