frontendmemo

このサイトは、「html、css、js、ruby,ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

全てのフォーカス要素を無効にしたい

スポンサードリンク


スポンサードリンク


JSなどで対象エリア内のフォーカスを全て無効にしたい時があると思います。

全てのフォーカス要素は?

フォーカス要素一覧は下記です。

  • a[href]
  • area[href]
  • [onclick]
  • [tabindex]
  • input
  • button
  • select
  • option
  • textarea
  • output
  • summary
  • video
  • audio
  • object
  • embed

フォーカスさせない

要素にフォーカスさせたくない場合はtabIndex="-1"にします。

<a href="#" tabindex="-1">a要素</a>