HTMLoninputイベント属性
例
ユーザーが<input>フィールドに何かを書き込んだときにJavaScriptを実行します。
<input type="text" oninput="myFunction()">
定義と使用法
oninput属性は、要素がユーザー入力を取得したときに発生します。
oninput属性は、<input>または<textarea>要素の値が変更されたときに発生します。
ヒント:このイベントは、 onchangeイベントに似ています。違いは、oninputイベントは要素の値が変更された直後に発生するのに対し、onchangeは要素がフォーカスを失ったときに発生することです。もう1つの違いは、onchangeイベントが<select>要素でも機能することです。
ブラウザのサポート
表の数字は、イベント属性を完全にサポートする最初のブラウザバージョンを示しています。
Event Attribute | |||||
---|---|---|---|---|---|
oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
構文
<element oninput="script">
属性値
Value | Description |
---|---|
script | The script to be run on oninput |
技術的な詳細
サポートされているHTMLタグ: | <input type = "password">、<input type = "search">、<input type = "text">、<textarea> |
---|
関連ページ
HTML DOMリファレンス:oninputイベント
❮HTMLイベント属性