InputEvent - 入力イベント

2017/10/09

InputEventは、入力操作に関連するイベントで取り扱われるインターフェイスです。

概要

名前

InputEvent

継承

Event
UIEvent
InputEvent

IDL

[Constructor(DOMString type, optional InputEventInit eventInitDict), Exposed=Window]
interface InputEvent : UIEvent {
  readonly attribute DOMString? data;
  readonly attribute boolean isComposing;
};

dictionary InputEventInit : UIEventInit {
  DOMString? data = "";
  boolean isComposing = false;
};

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

チュートリアル

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

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

element.oninput = callbackFn ;
element.onbeforeinput = callbackFn ;

コンストラクタ

InputEvent()

新しいInputEventのオブジェクトを作成します。

プロパティ

data

入力操作により追加された文字を返します。

isComposing

入力が未確定か否かを返します。

メソッド

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

定数

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

イベント

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

サポート状況

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

Features	Chrome	Firefox	Safari	Edge	IE	Opera	iOS Safari	Android
InputEvent	● 60+	● 31+	● 10+	×	×	● 47+	● 10.0+	×
data	● 60+	×	● 10+	×	×	● 47+	● 10.0+	×
InputEvent()	● 60+	● 31+	● 10+	×	×	● 47+	● 10.0+	×
isComposing	● 60+	● 31+	×	×	×	● 47+	×	×