JS_javascript スキルの onpropertychange イベントと onchange イベントの違いの概要

つまり、onpropertychange イベントは、テキスト ボックスの値がキーボードで変更されるか、その値が js で変更されるたびにトリガーされますが、onchange は、値がキーボードで変更されてフォーカスを失った場合にのみトリガーされます ( onblur).js の使用 値の変更はトリガーできません! onpropertychange と onchange は、対応する変更がある限り、テキスト ボックス内の実際の値が変更されたかどうかは関係ありません。上記 2 つの時間ではニーズを満たせない場合は、onblur のみの使用を検討することもできます。
もう 1 つ注意すべき点は、onblur イベントと onchange イベントを一緒に使用すると、onblur によって問題が発生するということです。 。 。 。詳細については、次の
テスト ページを参照してください:

<title>js を介してテキスト ボックスの値を変更した後にトリガーされるイベント: onpropertychange イベント </title> <div id="test1"> <b>onpropertychange イベントと onchange イベントを一緒に使用するテスト: </b> <br> <font color="red">テスト結果: onpropertychange イベントは、キーボードを使用してテキスト ボックスの値が変更されるか、js を使用してその値が変更されるたびにトリガーされますが、onchange は、キーボードを使用して値が変更され、その後フォーカスを失った場合にのみトリガーされます。 js を使用して値を変更しても、</font> がトリガーされません <br> <input name="haha1" type="text" onpropertychange="alert('触发了onpropertychange事件！')" onchange="alert('触发了onchange事件！')" size="30"> <input name="testbutton1" value="通过js改变文本框中的值" type="button" onclick="document.getElementById('haha1').value='js改变文本框后的值'"> <br><br> <br> <div id="test2"> <b>onblur イベントと onchange イベントのみをテストする場合: </b> <br> <font color="red">テスト結果: onchange が最初にトリガーされ、次に onblur がトリガーされます </font> <br> <input name="haha2" type="text" onblur="alert('触发了onblur事件！')" onchange="alert('触发了onchange事件！')" size="30"> <input name="testbutton2" value="通过js改变文本框中的值" type="button" onclick="document.getElementById('haha2').value='js改变文本框后的值'"> <br> <div> <br><br> <br> <div id="test3"> <b>onblur イベントと onpropertychange イベントが一緒に使用される場合のテスト: </b> <br> <font color="red">テスト結果: onblur に問題があるようです。キーボードを使用してテキスト ボックスに値を入力するだけでトリガーされます。おそらく onpropertychange が怒ったのでしょう。 。 。 ^-^ </font> <br> <input name="haha3" type="text" onblur="alert('触发了onblur事件！')" onpropertychange="alert('触发了onpropertychange事件！')" size="30"> <input name="testbutton3" value="通过js改变文本框中的值" type="button" onclick="document.getElementById('haha3').value='js改变文本框后的值'"> <br> <div> <br><br> <br> <div id="test4"> <b>テストには、onblur、onpropertychange イベント、および onchange イベントが一緒に使用されています: </b> <br> <font color="red">テスト結果: onpropertychange と一緒に使用すると、onblur の問題が依然として存在します </font> <br> <input name="haha4" type="text" onblur="alert('触发了onblur事件！')" onpropertychange="alert('触发了onpropertychange事件！')" onchange="alert('触发了 onchange事件！')" size="30"> <input name="testbutton4" value="通过js改变文本框中的值" type="button" onclick="document.getElementById('haha4').value='js改变文本框后的值'"> <br> <div> <br><input onclick="runEx('runcode185')" type="button" value="运行代码"> <input onclick="doCopy('runcode185')" type="button" value="复制代码"> <input onclick="doSave(runcode185)" type="button" value="保存代码">[Ctrl A すべて選択 注: <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">外部 Js を導入する必要がある場合は、</a> を実行するために更新する必要があります]</div> </div> </div> </div> </div> </div> </div>