HTMLタグのonfocus属性とは、要素がフォーカスを得たときに実行するJavaScriptを指定するイベント属性です。この記事では、onfocus属性の使い方をサンプルを交えてご紹介します。

onfocus 属性は省略可能です。

<a href="#" onfocus="example();">リンク</a>
<p>イベント:<span id="event"></span></p>
<script>
  function example() {
    document.getElementById("message").innerHTML = "フォーカスを得ました。";
  }
</script>

リンク

イベント:

Tab キーを押してリンクにフォーカスを合わせると、JavaScriptが実行される。

次の要素(タグ)に対してonfocus属性を指定することができます。

onfocus属性の分類
バージョン 分類
HTML 4.01 Transitional イベント属性
HTML 4.01 Strict イベント属性
XHTML 1.0 Strict イベント属性

onblur

フォーカスを失ったときにJavaScriptを実行するには、onblur属性を使う。