Skip to content

Commit a2719ed

Browse files
j-llanojoaquinelio
andauthored
Apply suggestions from code review
Co-authored-by: joaquinelio <joaquinelio@gmail.com>
1 parent 7dd13fd commit a2719ed

1 file changed

Lines changed: 3 additions & 4 deletions

File tree

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

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -106,15 +106,15 @@ Es recomendable tener cuidado al utilizar estos eventos. Si queremos rastrear p
106106

107107
Por defecto, muchos elementos no permiten enfoque.
108108

109-
La lista varía un poco entre navegadores, pero una cosa es siempre cierta: `focus/blur` está garantizado para elementos con los que el visitante puede interactuar: `<button>`,
109+
La lista varía un poco entre navegadores, pero una cosa es siempre cierta: `focus/blur` está garantizado para elementos con los que el visitante puede interactuar: `<button>`, `<input>`, `<select>`, `<a>`, etc.
110110

111-
En cambio, elementos que existen para formatear algo, tales como `<div>`, `<span>`, `<table>` -- por defecto no son posibles de enfocar. El método `elem.focus()` no funciona en ellos, y los eventos `focus/blur` no son desencadenados.
111+
En cambio, elementos que existen para formatear algo, tales como `<div>`, `<span>`, `<table>`, por defecto no son posibles de enfocar. El método `elem.focus()` no funciona en ellos, y los eventos `focus/blur` no son desencadenados.
112112

113113
Esto puede ser modificado usando el atributo HTML `tabindex`.
114114

115115
Cualquier elemento se vuelve enfocable si contiene `tabindex`. El valor del atributo es el orden del elemento cuando `key:Tab` (o algo similar) es utilizado para cambiar entre ellos.
116116

117-
Es decir: si tenemos dos elementos, el primero contiene `tabindex="1"` y el segundo contiene `tabindex="2"`, al presionar `key:Tab` estando situado sobre el primer elemento -- traslada el foco al segundo.
117+
Es decir: si tenemos dos elementos, el primero contiene `tabindex="1"` y el segundo contiene `tabindex="2"`, al presionar `key:Tab` estando situado sobre el primer elemento se traslada el foco al segundo.
118118

119119

120120
El orden de cambio es el siguiente: los elementos con `tabindex` desde "1" en adelante tienen prioridad (en el orden `tabindex`) y después los elementos sin `tabindex` (por ejemplo un <input> estándar).
@@ -124,7 +124,6 @@ Elementos sin el `tabindex` correspondiente van cambiando en el orden del códig
124124
Existen dos valores especiales:
125125

126126
-`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"`.
127-
`tabindex>="1"`.
128127

129128
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>.
130129

0 commit comments

Comments
 (0)