Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

187
Views
How to set focus on an image on page load

Is there a way to set the focus on an on page load? I have found documentation stating to use the autofocus attribute but the documentation says that attribute only applies to input, button, textarea, and select.

Thanks.

about 4 years ago · Juan Pablo Isaza
3 answers
Answer question

0

You can try scrollIntoView method on window onload

window.onload=function(){
    document.getElementById("ID_OF_IMAGE").scrollIntoView();
}
about 4 years ago · Juan Pablo Isaza Report

0

I think you looking for something like that:

window.addEventListener('load', function() {
    document.querySelector(".classFromImage").focus();
})
about 4 years ago · Juan Pablo Isaza Report

0

What you could do is search for the img element with the autofocus attribute and set the focus after the DOM is read. You also need to set the tabindex to get that working.

I would only search for img[autofocus] so that you don't mess too much around with the default behavior.

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">

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!