ホームページ >ウェブフロントエンド >jsチュートリアル >onpropertychange および oninput イベントを使用して、JavaScript Development_jquery の onchange イベントの欠点を解決します

onpropertychange および oninput イベントを使用して、JavaScript Development_jquery の onchange イベントの欠点を解決します

WBOY
WBOYオリジナル
2016-05-16 18:16:271056ブラウズ

onchange には、テキスト ボックスの入力ボックスで使用すると明らかな欠点があります。イベントはテキストの入力ではトリガーされませんが、テキスト ボックスがフォーカスを失ったときにトリガーされます (onblur)。 !

IE では、onpropertychange を使用して、テキスト ボックスに変更があると、 によってすぐに イベントをトリガーできます。

このようにして問題は解決されます。

他のブラウザではどうですか? onpropertychange は IE の特許です。次は

oninput イベントです。

しかし、oninput には奇妙な点があります。イベントをバインドするには addEventListener を使用する必要があります。そうしないと無効になります。

次はデモンストレーションの例ですが、主流のブラウザでは問題ありません:


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。