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属性を指定することができます。
| バージョン | 分類 |
|---|---|
| HTML 4.01 Transitional | イベント属性 |
| HTML 4.01 Strict | イベント属性 |
| XHTML 1.0 Strict | イベント属性 |
次に示すイベント・ハンドラ・コンテンツ属性は、任意のHTML要素に指定することができる。
フォーカスを失ったときにJavaScriptを実行するには、onblur属性を使う。