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

2019-12-24,,,,

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


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


这样一来问题就解决了.


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


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


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

[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相关事件的几个概念

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

下载本文的Word格式文档,以方便收藏与打印。