Autofocus to a div so we can use arrow keys to scroll without having to click first

Question

I have a page with a few

containers.

How to give focus to one of them on page load, so that the user can use arrow keys to scroll (or even

Answer 1

Focus events are used for input elements. Use click event instead:

document.querySelector('#main').click();

Also, make use of tabindex to bind keyboard events on non-input elements:

main content