Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足

发布时间:2013-07-27   编辑:www.jquerycn.cn
用onpropertychange,oninput事件解决onchange事件的不足,需要的朋友可以参考下。
用onpropertychange,oninput事件解决onchange事件的不足,需要的朋友可以参考下。

onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性!

在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件.

这样一来问题就解决了.

那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了.

但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效.

好了, 以下是演示例子, 主流浏览器都没问题:


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:
javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足
onchange事件在IE和FF下触发方法
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
jquery onpropertychange键盘事件用法举例
JS中onpropertychange和onchange事件
jQuery文本框(input textare)事件绑定方法教程
关于jquery input textare 事件绑定及用法学习
js触发onchange事件方法
javascript键盘鼠标等事件对照表
jquery keypress,keyup,onpropertychange键盘事件

[关闭]