例
ユーザーが何かを書き込むときにJavaScriptを実行し<input>フィールド：
<input type="text" oninput="myFunction()"> »それを自分で試してみてください 定義と使用法
要素は、ユーザー入力を取得するときoninputイベントが発生します。
値と、このイベントが発生し<input>または<textarea>要素が変更されます。
ヒント：このイベントはに似ているのonchangeイベント。 違いは、要素がフォーカスを失ったときにコンテンツが変更された後のonchangeは、発生しつつoninputイベントは、要素の値が変更された直後に発生することです。 他の違いは、のonchangeイベントも上で動作することをある<keygen>と<select>要素。
ブラウザのサポート
表中の数字は完全にイベントをサポートする最初のブラウザのバージョンを指定します。
| イベント | |||||
|---|---|---|---|---|---|
| oninput | はい | 9.0 | 4.0 | 5.0 | はい |
構文
HTMLには：
JavaScriptで：
object .oninput=function(){ »それを自分で試してみてください JavaScriptでは、使用してaddEventListener()メソッドを：
object .addEventListener("input", myScript );
»それを自分で試してみてください 注： addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。
技術的な詳細
| バブル： | はい |
|---|---|
| 取消し可能： | ノー |
| イベントの種類： | イベント |
| サポートされているHTMLタグ： | <入力タイプ= "色">、<入力タイプ= "日付">、<入力タイプ= "日時">、<入力タイプ= "電子メール">、<入力タイプ= "月">、<入力タイプ=」番号 ">、<入力タイプ=" パスワード ">、<入力タイプ=" 範囲 ">、<入力タイプ=" 検索 ">、<入力タイプ=" TEL ">、の<input type =" text ">、<入力タイプ= "時間">、<入力タイプ= "URL">、 <input type="week">と<textarea> |
| DOMバージョン： | レベル3のイベント |
<イベントオブジェクト