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

onfocusイベント

 設定されたHTMLエレメントがフォーカスされたらscriptを実行する。onblurイベントの対です。

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

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

in HTML

Syntax

<tagelement onfocus="oneFunction()">

in JavaScript

Syntax

object.onfocus = function(){ };

object.addEventListener("focus", script_);