ホームページ > 記事 > ウェブフロントエンド > onpropertychange および oninput イベントを使用して、JavaScript Development_jquery の onchange イベントの欠点を解決します
onpropertychange および oninput イベントを使用して、JavaScript Development_jquery の onchange イベントの欠点を解決します
- WBOYオリジナル
- 2016-05-16 18:16:271024ブラウズ
onchange には、テキスト ボックスの入力ボックスで使用すると明らかな欠点があります。イベントはテキストの入力ではトリガーされませんが、テキスト ボックスがフォーカスを失ったときにトリガーされます (onblur)。 !
IE では、onpropertychange を使用して、テキスト ボックスに変更があると、 によってすぐに イベントをトリガーできます。
このようにして問題は解決されます。他のブラウザではどうですか? onpropertychange は IE の特許です。次は
oninput イベントです。
しかし、oninput には奇妙な点があります。イベントをバインドするには addEventListener を使用する必要があります。そうしないと無効になります。次はデモンストレーションの例ですが、主流のブラウザでは問題ありません:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。