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

CompositionEvent - 未確定の入力があった時に発生するイベント

CompositionEventは、変換確定前の全角文字など、未確定の入力があった時に発生するイベントで取り扱われるインターフェイスです。

概要

名前
CompositionEvent
継承
IDL
[Constructor(DOMString type, optional CompositionEventInit eventInitDict), Exposed=Window]
interface CompositionEvent : UIEvent {
  readonly attribute DOMString data;
};

dictionary CompositionEventInit : UIEventInit {
  DOMString data = "";
};

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/#compositionevent

チュートリアル

CompositionEventは、compositionstartイベントやcompositionupdateイベント、compositionendイベントでコールバック関数に渡されるオブジェクトです。

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

element.addEventListener( "composition", callbackFn ) ;

プロパティ

data

入力操作により追加された、未確定状態の文字を返します。

メソッド

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

定数

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

イベント

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

サポート状況

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

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