focus()メソッドの新しいオプション
- カテゴリー
- JavaScript／TypeScript >
- ブラウザAPI
全2回
focus()メソッドで使えるオプションのうち、実務で重宝する2つのオプションを紹介します。preventScrollオプション、focusVisibleオプションを取り上げています。
後編 focusVisibleオプションの活用
後編ではfocusVisibleオプションを解説します。これは:focus-visible擬似クラスの適用を制御できます。また未対応のブラウザもある新しいオプションですが、具体的な動作からユースケースまでをしっかり紹介します。
前編 preventScrollオプションの活用
focus()メソッドには、preventScrollというオプションがあります。このオプションをtrueにすると、要素にフォーカスを設定した際に、現在のスクロール位置を保持します。この記事では、preventScrollオプションを使った実装と、その注意点を解説します。