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

focusoutイベント(onfocusout)

 focusoutイベント(onfocusout)は、エレメントからフォーカスが外れると発生するイベントです。例えば、inputエレメントなどのformエレメントで、入力から別の場所にフォーカスが移動すると発生します。

 focusoutイベントはBubbles機能が働きますので、エレメントからフォーカスが外れたことをコードで捉えることができます。focusイベントはBubbles機能がないので、エレメントのフォーカスが外れたか/否かはfocusoutイベントを使います。

 onfocusoutイベントの対としてonfocusinイベントがあります。

 FireFoxはfocusoutイベントをver.52からサポートしています。古いバージョンでは動きません。常に新しいバージョンを利用することを促す必要があるでしょう。

Syntax

in HTML

<tagelement onfocusout="function()">

in JavaScript

object.onfocusout = function(){ }; object.addEventListener("focusout", script_);

備考(Remarks)

BubblesYes
CancelableNo
InterfaceFocusEvent
Supported HTML ElementsALL HTML elements

Example

 inputエレメントがフォーカスされると背景色が明るくなります。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。