js propertychange和oninput事件

 更新时间:2014年09月28日 17:20:50   投稿:mdxy-dxy  
项目中常遇到输入框检查的需求,比如即时搜索,用change事件?change事件失去焦点才发生,无法做到即时。keypresss事件?能监听到键盘,但监听不到鼠标复制粘贴,不完美

还好有propertychange(IE)和oninput事件。

oninput是标准浏览器的事件,一般应用于input元素,当input的value发生变化时就会发生,无论是键盘输入还是鼠标粘贴的改变都能即时监听到。

浏览器兼容

IE9以下是不支持的。这个时候就要用到IE专有的propertychange事件。顾名思义,翻译过来叫属性变更事件,这个事件就比较强大了,不仅仅会监听到input的value属性,还包括其他标签的属性各种属性发生变化都会发生该事件,比如span元素的style属性。在事件发生时还可以用event.propertyName访问到改变的属性名。

相关文章

  • 如何让js中的if判断如丝般顺滑详解

    如何让js中的if判断如丝般顺滑详解

    条件判断语句是程序开发过程中一种经常使用的语句形式,和大部分编程语言相同,JavaScript 中也有条件判断语句,这篇文章主要给大家介绍了关于如何让js中的if判断如丝般顺滑的相关资料,需要的朋友可以参考下
    2021-10-10
  • 不使用script导入js文件的几种方法

    不使用script导入js文件的几种方法

    这篇文章主要介绍了不使用script导入js文件的方法,需要的朋友可以参考下
    2016-10-10
  • D3.js中强制异步文件读取同步的几种方法

    D3.js中强制异步文件读取同步的几种方法

    这篇文章主要给大家介绍了d3.js中强制异步文件读取同步的几种方法,文中给出了详细的介绍和解决方法,对大家具有一定的参考价值,需要的朋友们下面来一起学习学习吧。
    2017-02-02
  • 使用HTML5+Boostrap打造简单的音乐播放器

    使用HTML5+Boostrap打造简单的音乐播放器

    这篇文章主要介绍了使用HTML5+Boostrap打造简单的音乐播放器 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • JavaScript简单实现弹出拖拽窗口(一)

    JavaScript简单实现弹出拖拽窗口(一)

    这篇文章主要为大家详细介绍了JavaScript简单实现弹出拖拽窗口的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-06-06
  • JavaScript中使用数组方法汇总

    JavaScript中使用数组方法汇总

    这篇文章主要介绍了JavaScript中使用数组方法汇总的相关资料,需要的朋友可以参考下
    2016-02-02
  • 微信小程序获取手机号授权用户登录功能

    微信小程序获取手机号授权用户登录功能

    微信小程序中有许多地方需要用户注册用户信息的地方,用户需要填写手机号等,下面小编给大家分享微信小程序获取手机号授权用户登录功能,需要的朋友参考下吧
    2017-11-11
  • json格式数据的添加,删除及排序方法

    json格式数据的添加,删除及排序方法

    这篇文章主要介绍了json格式数据的添加,删除及排序方法,结合实例形式分析了针对一维数组与二维数组的json格式数据进行增加、删除与排序的实现技巧,需要的朋友可以参考下
    2016-01-01
  • Js中使用正则表达式验证输入是否有特殊字符

    Js中使用正则表达式验证输入是否有特殊字符

    这篇文章主要介绍了Js中使用正则表达式验证输入是否有特殊字符的简单代码,并通过一小段代码给大家介绍了js正则表达式验证同一字符串不同,需要的朋友可以参考下
    2018-09-09
  • js中复选框的取值及赋值示例详解

    js中复选框的取值及赋值示例详解

    这篇文章主要给大家介绍了关于js中复选框的取值及赋值的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-10-10

最新评论