JS_javascript 기술의 onpropertychange와 onchange 이벤트 간의 차이점 요약

즉, onpropertychange 이벤트는 키보드로 텍스트 상자의 값이 변경되거나 js로 해당 값이 변경될 때마다 트리거되는 반면, onchange는 키보드로 값이 변경된 후 포커스를 잃을 때만 트리거됩니다( onblur) js 사용 값 변경은 트리거될 수 없습니다. onpropertychange와 onchange는 모두 해당 변경 사항이 있는 한 텍스트 상자의 실제 값이 변경되었는지 여부에 상관하지 않습니다. 때로는 위의 두 가지 방법으로 요구 사항을 충족할 수 없는 경우 onblur 사용만을 고려할 수 있습니다.
한 가지 더 주의할 점은 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">외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 </a>]</div> </div> </div> </div> </div> </div> </div>