0
234
Views¿Cómo puede google.com poner una pestaña enfocada en un elemento que no es enfocable?
Vaya a google.com y busque 'diccionario', navegue a través de la tecla de tabulación y seleccione "saltar al contenido principal":
Después de presionar enter, el elemento del diccionario se enfoca:
Cuando lo inspecciono, es un div con un atributo aria-level sin tabindex .
Entonces, mi pregunta es ¿cómo puede un elemento no enfocable enfocarse así?
EDITAR: cuando traté de guardar ese elemento div exacto en una var global y llamar al focus , nunca se enfoca.
1 answers
Answer question0
Cuando presiona Enter en ese mensaje, el código JavaScript agrega tabindex="-1" al elemento y lo enfoca. Antes de entrar :
Después:
Cuando el foco deja el elemento (presumiblemente un controlador de eventos de blur ), el código JavaScript elimina el tabindex del elemento.
Puede ver esto si hace clic con el botón derecho en el elemento y lo revela en el panel Elementos, luego observe el elemento mientras tabula hasta que lo vea nuevamente. Por ejemplo, si hace clic en cualquier lugar cerca de la parte superior del cuerpo de la página después de abrir el panel Elementos y Mayús + Tabulador , finalmente obtiene el mismo cuadro "Mostrar contenido principal" nuevamente, y cuando presiona Entrar puede ver el tabindex obtener agregado (y luego vea cómo se elimina cuando se muda).