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

onblur 属性は省略可能です。

<a href="#" onblur="example();">リンク</a>
<script>
  function example() {
    alert("フォーカスを失いました。");
  }
</script>

リンク

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

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

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

onfocus

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