HTMLのonfocus属性とは

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 イベント属性

要素

次に示すイベント・ハンドラ・コンテンツ属性は、任意のHTML要素に指定することができる。

onblur

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

関連記事

class

dir

id

lang

onblur

onchange

onclick

oncontextmenu

ondblclick

onkeydown

onkeypress

onkeyup

onmousedown

onmousemove

onmouseout

onmouseover

onmouseup

onselect

style

title