HTMLSelectElement.autofocus - Web API

ページ読み込み時に入力フォーカスをあてるやつ。

HTML

<select id="mySelect" autofocus>
  <option>Option 1</option>
  <option>Option 2</option>
</select>

JavaScript

// Check if the autofocus attribute on the <select>
var hasAutofocus = document.getElementById('mySelect').autofocus;

こんな声も

autofocusがグローバル属性になったのでなんか書く | grgr-dkrkのブログ

autofocus 属性は、ページの読み込み時に自動的にフォーカスする要素を指定するもの。

これまで autofocus は、button, input など、フォーカス可能な要素でしか使用できなかった。 一方で、全ての要素は、tabindex または contenteditable 属性を追加することでフォーカスが可能である。

• ブラウザによって挙動がばらばら
• 直接飛ぶので、スクリーンリーダーに適切なラベルを与えられない可能性がある
• モバイルなどでフォーカスした時、キーボードが出て煩わしいことがある
• ページ読み込み直後に、ショートカットキーでの操作を阻害する恐れがある
• 本当にフォーカス制御してほしい対話型なケースでうまく機能しない

良いことがない。