SYNCERのロゴ
アイキャッチ画像

FocusEvent - フォーカスイベント

FocusEventは、フォーカスに関連するイベントで取り扱われるインターフェイスです。

概要

名前
FocusEvent
継承
IDL
[Constructor(DOMString type, optional FocusEventInit eventInitDict), Exposed=Window]
interface FocusEvent : UIEvent {
  readonly attribute EventTarget? relatedTarget;
};

dictionary FocusEventInit : UIEventInit {
  EventTarget? relatedTarget = null;
};

dictionary UIEventInit : EventInit {
  Window? view = null;
  long detail = 0;
};

dictionary EventInit {
  boolean bubbles = false;
  boolean cancelable = false;
  boolean composed = false;
};
仕様書
https://w3c.github.io/uievents/#focusevent

チュートリアル

FocusEventは、focusイベントやblurイベントでコールバック関数に渡されるオブジェクトです。

var callbackFn = function ( event ) {
	console.log( event ) ;
}

element.onfocus = callbackFn ;
element.onblur = callbackFn ;

プロパティ

relatedTarget

イベントに関連する要素を返します。

メソッド

固有のメソッドはありません。

定数

固有の定数はありません。

イベント

固有のイベントハンドラはありません。

サポート状況

クリックすると、バージョンごとの対応状況を確認できます。

FeaturesChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
FocusEvent 26+ 24+ 7.1+ 9+ 15+ 7.0+ 4.4+
FocusEvent() 26+ 24+ 7.1+× 15+ 7.0+ 4.4+
relatedTarget 19+ 5+ 6.0+ 9+ 6.0+ 4.3+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月9日 (月)
コンテンツを公開しました。