著者注:今日、onchange イベントを使用したところ、応答がありませんでした。最終的に情報を確認したところ、Onchange の制限と不安定性がわかりました。しかし、onpropertychangeは非常によく実装できており、特にリアルタイムキャプチャ性能が高く、利用する価値があります(この性能のおかげで、ボスのお姉さんも私の作ったものに大満足ですo(∩_∩)o...)。
私もかなり怠け者で、自分が作ったものを整理するのが面倒なので、検索した情報のオリジナル バージョンのみを共有できます。
IE では、HTML 要素のプロパティが変更されると、onpropertychange を通じてそれをキャプチャできます。たとえば、
<input name="text1" id="text1" />
オブジェクトの value 属性がページのスクリプトによって変更された場合、onchange はそれをキャプチャできませんが、onpropertychange はそれをキャプチャできます。 (リアルタイムで撮影)
言い換えると、onpropertychange は属性値の変更をタイムリーにキャプチャでき、イベントをアクティブにするために属性値が変更されたときに onchange は現在の要素のフォーカスを失う (onblur) 必要があります。
のように:
例 1:
画像のアドレスを入力してください: <input type="text" name="mytext" size="10" value="" onpropertychange="document.images['myimg'].src=this.value;" id ="myimg" src="/img/common/logo.gif" />
テキストボックスの内容を変更すると、すぐに画像が表示されます。また、onchange を使用する場合、その値を変更するときに、マウスで空白などの場所をクリックして入力要素のフォーカスを失い (onblur)、イベントをアクティブにする必要があり、画像の表示が変更されます。
例 2:
<INPUT id="image" style="WIDTH: 448px; HEIGHT: 22px" onpropertychange="preview.src=image.value" type="file" size="55" name="File1" runat="server">
<IMG id="プレビュー" src="">
-------------------------------------------------- ---------------
onpropertychangeイベントがとても可愛くて一目惚れしてしまいました
onChange: 現在の要素がフォーカスを失い、要素のコンテンツが変更されたときにトリガーされるイベント [マウスとキーボードの両方でトリガーできます]
したがって、オブジェクトの値がスクリプトによって変更された場合、ユーザーはマウスもキーボードも動かさないため、onChange イベントはトリガーされません。