onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性!
在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件.
这样一来问题就解决了.
那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了.
但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效.
好了, 以下是演示例子, 主流浏览器都没问题:
*{font-size:14px;font-family:'Comic Sans MS', Verdana}
body {margin-left:20px}
使用onchange事件:
使用onpropertychange/oninput事件:
结果:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
- 阻止JavaScript事件冒泡传递(cancelBubble 、stopPropagation)
- javascript 鼠标事件总结
- javascript 键盘事件总结 推荐
- JavaScript 模拟用户单击事件
- Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox
- javascript 动态改变onclick事件触发函数代码
- JavaScript window.document的属性、方法和事件小结
- JavaScript获取onclick、onchange等事件值的代码
- IE8的JavaScript点击事件(onclick)不兼容的解决方法
- javascript移动设备Web开发中对touch事件的封装实例
- javascript监听鼠标滚轮事件浅析
- JavaScript onkeydown事件入门实例(键盘某个按键被按下)
- 关于编写性能高效的javascript事件的技术
- javascript相关事件的几个概念