HTML oninput イベント属性

❮ HTML イベント属性

例

ユーザが <input> フィールドに何かを書き込むときにときに JavaScript を実行します：

<input type="text" oninput="myFunction()">
Try it Yourself ❯

定義と用法

oninput 属性は、ユーザ入力を取得したときに発火します。

oninput 属性は、<input> または <textarea> 要素の値が変更されたときに発火します。

チップ: このイベントは、onchange イベントに似ています。 違いは、oninput イベントは要素の値が変更された直後に発生するのに対し、onchange は要素がフォーカスを失ったときに発生することです。 他の違いは、onchange イベントは <keygen> および <select>要素でも動作することです。

ブラウザ・サポート

イベント属性
oninput Yes Yes Yes Yes Yes

HTML 4.01 と HTML5 の相違点

oninput 属性は、HTML5 で新しく追加されました。

構文

<element oninput="script">

属性値

値 説明
script script は oninput で実行される

技術的詳細

サポートする HTML タグ： <input type="password">, <input type="search">, <input type="text"> and <textarea>

関連ページ

HTML DOM リファレンス：oninput イベント


HTML Event Attributes HTML イベント属性