👾 smth

Author: Rnbsov

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

@@ -1,3 +1,4 @@
+
 # Фокусировка: focus/blur
 
 Элемент получает фокус, когда пользователь кликает по нему или использует клавишу `key:Tab`. Также существует HTML-атрибут `autofocus`, который устанавливает фокус на элемент, когда страница загружается. Есть и другие способы получения фокуса, о них - далее.
@@ -51,7 +52,6 @@
 
 Современный HTML позволяет делать валидацию с помощью атрибутов `required`, `pattern` и т.д. Иногда - это всё, что нам нужно. JavaScript можно использовать, когда мы хотим больше гибкости. А ещё мы могли бы отправлять изменённое значение на сервер, если оно правильное.
 
-
 ## Методы focus/blur
 
 Методы `elem.focus()` и `elem.blur()` устанавливают/снимают фокус.
@@ -90,6 +90,8 @@
 
 Отметим, что мы не можем "отменить потерю фокуса", вызвав `event.preventDefault()` в обработчике `onblur` потому, что `onblur` срабатывает *после* потери фокуса элементом.
 
+Однако на практике следует хорошо подумать, прежде чем внедрять что-то подобное, потому что мы обычно *должны показывать ошибки* пользователю, но они *не должны мешать* пользователю при заполнении нашей формы. Ведь, вполне возможно, что он захочет сначала заполнить другие поля.
+
 ```warn header="Потеря фокуса, вызванная JavaScript"
 Потеря фокуса может произойти по множеству причин.
 
@@ -102,6 +104,7 @@
 
 Используя эти события, нужно быть осторожным. Если мы хотим отследить потерю фокуса, которую инициировал пользователь, тогда нам следует избегать её самим.
 ```
+
 ## Включаем фокусировку на любом элементе: tabindex
 
 Многие элементы по умолчанию не поддерживают фокусировку.
@@ -125,6 +128,7 @@
 - `tabindex="0"` ставит элемент в один ряд с элементами без `tabindex`. То есть, при переключении такие элементы будут после элементов с `tabindex ≥ 1`.
 
     Обычно используется, чтобы включить фокусировку на элементе, но не менять порядок переключения. Чтобы элемент мог участвовать в форме наравне с обычными `<input>`.
+
 - `tabindex="-1"` позволяет фокусироваться на элементе только программно. Клавиша `key:Tab` проигнорирует такой элемент, но метод `elem.focus()` будет действовать.
 
 Например, список ниже. Кликните первый пункт в списке и нажмите `key:Tab`: