IE神奇小bug一则

<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
}

即可。