You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 2-ui/4-forms-controls/2-focus-blur/article.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -95,8 +95,8 @@ Una pérdida de foco puede ocurrir por diversas razones.
95
95
96
96
Una de ellas ocurre cuando el visitante clicka en algún otro lado. Pero el propio JavaScript podría causarlo, por ejemplo:
97
97
98
-
-Un `alert` traslada el foco hacia sí mismo, por lo que causa la pérdida de foco sobre el elemento (evento `blur`), y cuando `alert` es desestimado el foco vuelve (evento `focus`).
99
-
-Si un elemento es eliminado de DOM, también causa pérdida de foco. Si es reinsertado el foco no vuelve.
98
+
-Un `alert` traslada el foco hacia sí mismo, por lo que causa la pérdida de foco sobre el elemento (evento `blur`), y cuando `alert` es desestimado el foco vuelve (evento `focus`).
99
+
-Si un elemento es eliminado de DOM, también causa pérdida de foco. Si es reinsertado el foco no vuelve.
100
100
101
101
Estas situaciones a veces causan que los manejadores `focus/blur` no funcionen adecuadamente y se activen cuando no son necesarios.
102
102
@@ -122,11 +122,11 @@ Elementos sin el `tabindex` correspondiente van cambiando en el orden del códig
122
122
123
123
Existen dos valores especiales:
124
124
125
-
-`tabindex="0"` incluye al elemento entre los que carecen `tabindex`. Esto es, cuando cambiamos entre elementos, elementos con `tabindex="0"` van después de elementos con `tabindex>="1"`.
125
+
-`tabindex="0"` incluye al elemento entre los que carecen `tabindex`. Esto es, cuando cambiamos entre elementos, elementos con `tabindex="0"` van después de elementos con `tabindex>="1"`.
126
126
127
127
Habitualmente se utiliza para hacer que un elemento sea enfocable y a la vez mantener el orden de cambio por defecto intacto. Para hacer que un elemento sea parte del formulario a la par con <input>.
128
128
129
-
-`tabindex="-1"` permite sólo enfoque programático sobre un elemento. `key:Tab` ignora esos elementos pero el método `elem.focus()` funciona.
129
+
-`tabindex="-1"` permite sólo enfoque programático sobre un elemento. `key:Tab` ignora esos elementos pero el método `elem.focus()` funciona.
130
130
131
131
Por ejemplo, he aquí una lista. Clique sobre el primer ítem y pulse `key:Tab`:
132
132
@@ -219,7 +219,7 @@ Aquí hay otra opción que funciona:
219
219
Los eventos `focus` y `blur` hacen que un elemento se enfoque/pierda el foco.
220
220
221
221
Se caracterizan por lo siguiente:
222
-
-No se propagan. En su lugar se puede capturar el estado o usar `focusin/focusout`.
223
-
-La mayoría de los elementos no permiten enfoque por defecto. Utliza `tabindex` para hacer cualquier elemento enfocable.
222
+
-No se propagan. En su lugar se puede capturar el estado o usar `focusin/focusout`.
223
+
-La mayoría de los elementos no permiten enfoque por defecto. Utliza `tabindex` para hacer cualquier elemento enfocable.
224
224
225
225
El elemento enfocado actualmente se encuentra disponible en `document.activeElement`.
0 commit comments