¿Hay alguna manera de establecer el foco en una carga de página? He encontrado documentación que indica usar el atributo de autofocus
, pero la documentación dice que el atributo solo se aplica a input
, el button
, el área de textarea
y la select
.
Gracias.
Puede probar el método scrollIntoView
en la ventana onload
window.onload=function(){ document.getElementById("ID_OF_IMAGE").scrollIntoView(); }
Creo que estás buscando algo así:
window.addEventListener('load', function() { document.querySelector(".classFromImage").focus(); })
Lo que podría hacer es buscar el elemento img
con el atributo de autofocus
y establecer el enfoque después de leer el DOM. También debe configurar tabindex
para que funcione.
Solo buscaría img[autofocus]
para que no te metas demasiado con el comportamiento predeterminado.
window.addEventListener('DOMContentLoaded', function() { let elm = document.querySelector("img[autofocus]") if (elm) { elm.focus() } })
img { width: 100px; height: 100px; display: inline-block; } :focus { border: 4px solid red; }
<img autofocus tabindex="0">