.oninput
window上のinputイベントのためのイベントハンドラです。
inputイベントは、<input>要素の値が変更された際に発生します。
このイベントは、バブルアップ伝搬(bubbles)します。
window上でサポートされていれば、同様に<input>要素上でもサポートされます。
例
<script>
window.addEventListener('input',function(e){
console.log("keyupイベントを検知! 検知先の要素:", e.target);
}, false);
</script>
<input placeholder="ここに何かを打ち込み、コンソールを確認してください" />
注意事項
| 機能 | Chrome | Firefox (Gecko) |
IE | Opera | Safari |
|---|---|---|---|---|---|
| 基本 | ◯ | 2 | 9 | 10 | ◯ |
| 機能 | Android | Firefox Mobile |
IE Mobile |
Opera Mobile |
Safari Mobile |
|---|---|---|---|---|---|
| 基本 | ? | ? | ? | ? | ◯ |
ブラウザ互換性
- An HTML5 Browser maze, oninput support
- Fixing oninput in IE Using html5Widgets includes polyfill for IE6-8
- Mathias Bynens suggests binding to both input and keydown
- oninput event | dottoro has notes about bugginess in IE9
関連項目
© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。
- 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
- 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
- MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
- "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。