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与jquery实时监听输入框值的oninput与onpropertychange方法
- js监听输入框值的即时变化onpropertychange、oninput
- js change,propertychange,input事件小议
- javascript开发中使用onpropertychange,oninput事件解决onchange事件的不足
- 解决angularJS中input标签的ng-change事件无效问题
- js之input[type=file]选择重复的文件,无法触发change事件问题
- JS中的oninput和onchange事件的区别及如何正确使用
- js实现使用输入input和改变change事件模拟手动输入
相关文章
这篇文章主要介绍了浅谈js 闭包引起的内存泄露问题的相关资料,需要的朋友可以参考下2015-06-06
这篇文章主要为大家详细介绍了如何利用JavaScript实现检测用户是否在线功能，文中的示例代码讲解详细，感兴趣的小伙伴可以跟随小编一起学习一下2022-12-12
这篇文章介绍了图片上传判断及预览脚本的效果实例，有需要的朋友可以参考一下2013-08-08
在页面中我们最常见的页面元素就是input了,但是我们如何用JavaScript得到网页input中输入的value值呢,其实很简单,方法也不止一种,今天给大家分享两种JavaScript获得input元素value值的方法,感兴趣的朋友跟随小编一起看看吧2023-10-10
这篇文章主要介绍了JS简单判断是否在微信浏览器打开的方法,结合实例形式分析了javascript针对浏览器相关信息的获取与判定操作技巧,需要的朋友可以参考下2019-01-01
这篇文章主要为大家详细介绍了使用JavaScript实现轮播图特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
这篇文章主要介绍了JavaScript中的常见继承总结，继承其实就是构造函数和构造函数之间的一种关系，更多相关介绍，需要的小伙伴可以参考下面文章内容2022-09-09
js showModalDialog 弹出对话框的简单实例(子窗体)
本篇文章主要是对js_showModalDialog弹出对话框的简单实例(子窗体) 进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了JS 循环遍历JSON数据的方法,需要的朋友可以参考下2014-07-07
这篇文章主要介绍了javascript递归函数定义和用法示例分析，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
最新评论