js ie input onchange事件兼容BUG

最新推荐文章于 2022-04-28 18:37:56 发布

weixin_30396699

最新推荐文章于 2022-04-28 18:37:56 发布

阅读量197

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/manong13/archive/2012/02/28/2372104.html

版权

input按钮可以绑定onpropertychange和onchange事件来解决这个问题。
比如
var input_text=document.getElementById("input_text");
input_text.οnchange=function(){/*执行函数*/};
input_text.onpropertychange=input_text.onchange;

实践证明，上述办法不能解决问题：

onchange事件是在键盘输入，失去焦点时候如果值改变就触发该事件（ie和火狐效果一样），用js赋值时不会触发

onpropertychange只要值改变都会触发，无论是键盘输入还是js赋值改变都会触发，只在IE下有效

但即使在IE下，也有问题，在打开页面未做任何操作时，就触发一次onpropertychange事件，难道dom加载input也算是修改了input.value吗？

<input id="inputTest" type="text" value="" />
<button οnclick="changeContent()">click me</button>
<script type="text/javascript">
var input=document.getElementById("inputTest");
input.οnchange=function(){  //ie ff都是键盘输入使input内容改变且失去焦点时触发
	alert(this.value);
}
input.onpropertychange=function(){  //ff不管  ie页面打开时触发，改变input时触发，不必失去焦点（大小写强制转化应该就是用它）
	alert("pro"+this.value);
}
function changeContent(){
	input.value="被点了";
}
</script>

还请路过的高手指教！

转载于:https://www.cnblogs.com/manong13/archive/2012/02/28/2372104.html