備忘録的プログラミングリファレンス

focus(onfocus)イベント

 focus(onfocus)イベントは、設定されたHTMLエレメントがフォーカスされたら発生するFocusEventインターフェイスのイベントです。onblurイベントの対です。

 <input>、<select>、<a>に使用されるケースが多いです。
 onfocusイベントと同じような機能にonfocusinイベントがあります。違いは、onfocusイベントにはbubble機能がありません。HTMLエレメントもしくはその子エレメントがfocusを取得できるかを知るためにはonfocusinイベントを使います。onfocusイベントを利用してbubble機能を使うには、addEventListener()メソッドのオプションのuseCaptureパラメータを使用します。

構文(Syntax)

in HTML

<tagelement onfocus="function()">

in JavaScript

object.onfocus = function(){ };

object.addEventListener("focus", script_);

備考(Remarks)

BubblesNo
CancelableNo
InterfaceFocusEvent
Supported HTML ElementsALL HTML elements
Sync / AsyncSync
ComposedYes