focusin ( onfocusin )イベント
focusin ( onfocusin )イベントは、エレメントがフォーカスされると発生するFocusEventインターフェイスのイベントです。 例えばform に設定すれば、入力待ちになっているinputエレメントなどのデータ入力用エレメントを取得することができます。
document.getElementsByTagName("form")[0].addEventListener("focusin", (event)=>{ console.log( event.target ); });
onfocusin イベントは Bubbles 機能が働きますので、エレメントがフォーカスされたことを <form> エレメントといった親エレメントで捉えることができます。focus イベント は Bubbles 機能がないので、エレメントのフォーカスされたか/否かは onfocusin イベントを使います。
onfocusin イベントは、onfocusout イベントの対です。
FireFox は onfocusin イベントを ver.52 からサポートしています。古いバージョンでは動きません。常に新しいバージョンを利用することを促す必要があるでしょう。
ページ内 Index
- ad -
構文(Syntax)
in HTML
<tagelement onfocusin="function()">
in JavaScript
object.onfocusin = function(){ }; object.addEventListener("focusin", script_);
備考(Remarks)
Bubbles | Yes |
Cancelable | No |
Interface | FocusEvent |
Supported HTML Elements | ALL HTML elements |
Example
inputエレメントがフォーカスされると背景色が明るくなります。
- ad -