js の onchange と onpropertychange (onchange 無効なソリューション)_JavaScript スキル

作者メモ: 今日 onchange イベントを使用しても何も起こりませんでしたが、最後に情報を確認したところ、Onchange の制限と不安定性が分かりました。しかし、onpropertychangeは非常によく実装できており、特にリアルタイムキャプチャ性能が高く、利用する価値があります（この性能のおかげで、ボスのお姉さんも私の作ったものに大満足ですo(∩_∩)o...）。

私もかなり怠け者なので、自分が作成したものを整理するのが面倒なので、検索した情報のオリジナル バージョンしか共有できません。

IE では、HTML 要素のプロパティが変更されると、onpropertychange を通じてキャプチャできます。たとえば、

オブジェクトの value 属性がページ上のスクリプトによって変更された場合、onchange はキャプチャできませんが、onpropertychange はキャプチャできます。 ( はリアルタイムでキャプチャされます)

つまり、: onpropertychange は、属性値の変更を時間内にキャプチャできます。 onchange が属性内にある間、値が変更されると、このイベントをアクティブ化するには、現在の要素がフォーカス (onblur) を失う必要があります。

例:

例 1:

画像アドレスを入力してください:

テキストボックスの内容を変更すると、すぐに画像が表示されます。また、onchange を使用する場合は、その値を変更するときに、マウスを使用して空白スペースまたはその他の場所をクリックして入力要素のフォーカスを失い (onblur)、イベントをアクティブにする必要があり、画像の表示が変更されます。

例 2:

------------------------------------------ ------ -------------------

onpropertychangeイベントがとても可愛くて一目惚れしてしまいました

onChange:現在の要素がフォーカスを失い、要素のコンテンツが変更されたときにトリガーされるイベント [マウスとキーボードでトリガーできます]

そのため、スクリプトによってオブジェクトの値が変更された場合、ユーザーはマウスもキーボードも動かさないため、onChange イベントはトリガーされません。