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
}

即可。

评论

5 楼 xianzi_2008 2012-02-17  

padding:0;是什么意思啊！~  为文本框加个样式吗?动态加载还是直接写死

4 楼 hax 2010-12-28  

IE8里，padding:0可以修复这个问题。神奇的是，为啥是”padding:0“？还有一件事情，是谁测出来这样一个无厘头的解决方案的？我佩服得五体投地啊！

3 楼 cloudgamer 2010-12-10  

确实ie8不行

2 楼 cloudgamer 2010-12-04  

1 楼 LC2009 2010-12-03  

IE8貌似不可行