<input type="text" id="test">
<div id="msg"></div>
<script>
test.onpropertychange = function () {
msg.innerHTML += event.propertyName + '=' + test[event.propertyName]
}
test.value = "1"
</script>
在IE里有个有趣的小bug,当你在输入框里第一次输入时,不会触发onpropertychange事件。
这应该是IE的bug。但是只在满足以下两个条件时才触发:
1. 在body parse结束之前就进行了value赋值
2. 在body parse结束之后,用户输入之前没有进行value赋值
由于刷新页面会触发表单自动回填,所以刷新页面后就不会出现这个bug。
导致此bug的原因不明,怀疑是与表单自动回填有关。
解决方法比较简单,令上述两条件不同时成立即可。比如:
document.onreadystatechange = function () {
if (document.readyState == 'complete') test.value = test.value
}
即可。