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

 更新时间:2010年11月14日 19:32:17   作者:  
用onpropertychange,oninput事件解决onchange事件的不足,需要的朋友可以参考下。

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

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

这样一来问题就解决了.

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

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

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


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • jquery组件WebUploader文件上传用法详解

    jquery组件WebUploader文件上传用法详解

    这篇文章主要为大家详细介绍了jquery组件WebUploader文件上传用法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • Jquery 获取指定标签的对象及属性的设置与移除

    Jquery 获取指定标签的对象及属性的设置与移除

    这篇文章主要介绍了Jquery如何获取指定标签的对象及属性的设置与移除,需要的朋友可以参考下
    2014-05-05
  • jquery实现淘宝商品图片局部放大

    jquery实现淘宝商品图片局部放大

    这篇文章主要为大家详细介绍了jquery实现淘宝商品图片局部放大,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • Jquery 复选框取值兼容FF和IE8(测试有效)

    Jquery 复选框取值兼容FF和IE8(测试有效)

    Jquery 复选框取值的文章网上有很多的,不过可以同时兼容FF和IE8的确实没有几个,下面有个不错的方法经测试有效
    2013-10-10
  • 常用的jquery模板插件——jQuery Boilerplate介绍

    常用的jquery模板插件——jQuery Boilerplate介绍

    Query Boilerplate是一个不错的jQuery插件开发工具,使用这个工具可以帮助你快速的构建一个jQuery框架。这个工具提供你很多评论用以帮助你使得开发变得简单和直接,它是个真正的面对对象的工具,你可以实现公开或者私有的方法或者公开或者私有的属性。
    2014-09-09
  • jQuery实现带有洗牌效果的动画分页实例

    jQuery实现带有洗牌效果的动画分页实例

    这篇文章主要介绍了jQuery实现带有洗牌效果的动画分页,涉及jquery页面元素样式及animate方法的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 跨帧结构无限级菜单

    跨帧结构无限级菜单

    原来ie对默认对弹出窗口有会限制他的大小和位置 所以这就是为什么本地和博客园上看到会不一样的原因了
    2010-09-09
  • JQuery 实现的页面滚动时浮动窗口控件

    JQuery 实现的页面滚动时浮动窗口控件

    JQuery 实现的页面滚动时浮动窗口控件实现代码,大家可以参考下。
    2009-07-07
  • 使用JQuery自动完成插件Auto Complete详解

    使用JQuery自动完成插件Auto Complete详解

    这篇文章主要介绍了使用JQuery自动完成插件Auto Complete详解,使用JQuery自动完成插件,更新现有图书列表页面上的搜索,当用户键入的时候立即显示结果。,需要的朋友可以参考下
    2019-06-06
  • 6款新颖的jQuery和CSS3进度条插件推荐

    6款新颖的jQuery和CSS3进度条插件推荐

    进度条和Loading加载动画在当今的网页功能中显得越来越重要了,于是接下来为大家推荐几款比较新颖进度条插件,感兴趣的你可以参考下希望可以帮助到你
    2013-03-03

最新评论