=波波日志 > JavaScript/Ajax > firefox oninput事件对应IE onpropertychang事件=
firefox oninput事件对应IE onpropertychang事件
浏览器如何捕获输入控件正在输入的内容，onblur事件需要输入控件失去焦点后才能出发，有些时候又不希望用onkeydown或者onkeyup，这是考虑onpropertychange【IE】或者oninput【firefox】事件，能够捕获每次输入值的变化。
firefox的oninput还是不如IE浏览器下的onpropertychange事件好用，firefox下用JavaScript脚本设置输入控件的值并不会触发oninput事件，IE浏览器则会触发onpropertychange事件。
需要注意的是firefox下的oninput事件一定要addEventListener来添加，直接obj.oninput没有效果。
示例代码如下
firefox的oninput还是不如IE浏览器下的onpropertychange事件好用，firefox下用JavaScript脚本设置输入控件的值并不会触发oninput事件，IE浏览器则会触发onpropertychange事件。
需要注意的是firefox下的oninput事件一定要addEventListener来添加，直接obj.oninput没有效果。
示例代码如下
+展开
-HTML
<html>
<head>
<script type="text/javascript">
var txt
window.onload = function () {
txt = document.getElementById('txt');
txt.onpropertychange = function () {
alert(this.value)
}
if (txt.addEventListener) txt.addEventListener('input', function () { alert(this.value) }, false);
}
setTimeout(function () { txt.value = new Date().toLocaleDateString(); }, 2000);
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>
<head>
<script type="text/javascript">
var txt
window.onload = function () {
txt = document.getElementById('txt');
txt.onpropertychange = function () {
alert(this.value)
}
if (txt.addEventListener) txt.addEventListener('input', function () { alert(this.value) }, false);
}
setTimeout(function () { txt.value = new Date().toLocaleDateString(); }, 2000);
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>
类别：JavaScript/Ajax 作者：波波 日期：2011-06-21 【评论：0】
相关文章
暂时没有评论！
发表留言
热门博文
- AJAX跨域问题解决办法
- ajax问题总结
- jQuery dataType指定为json的问题
- ajax+asp.net+mssql无刷新聊天室
- ajax无刷新上传文件，使用iframe模仿
- ajax对象abort方法
最新博文
- jquery+flash显示图片实时加载进度插件
- jquery浮动层拖动插件
- firefox NPMethod called on non-NPObject wrapped JSObject!错误
- IE浏览器setCapture和releaseCapture介绍
- 51.la统计出问题了
- 隐藏删除ckeditor状态栏
随机博文
- ajax指定为post但是未设置content-type或未指定键时时如何获取提交的内容
- 用户体验之密码强度提示
- 扩展Firefox下table控件的原型方法moveRow
- 取得IE的有效显示区域的高度和宽度
- HTML编辑器失去焦点后在原来光标位置插入信息/图片
- web编辑器过滤word文档信息时出现的问题
广告商赞助
