input标签内容改变的触发事件介绍


Posted in Javascript onJune 18, 2014

1. onchange事件与onpropertychange事件的区别:

onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。

2. oninput事件与onpropertychange事件的区别:

oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发;onpropertychange事件是任何属性改变都会触发,而oninput却只在value改变时触发,oninput要通过addEventListener()来注册,onpropertychange注册方法与一般事件相同。

3. oninput与onpropertychange失效的情况:

oninput事件:

(1)当脚本中改变value时,不会触发;

(2)从浏览器的自动下拉提示中选取时,不会触发;

onpropertychange事件:

当input设置为disable=true后,不会触发。

Javascript 相关文章推荐
JQuery入门—JQuery程序的代码风格详细介绍
Jan 03 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
jQuery控制Div拖拽效果完整实例分析
Apr 15 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
Oct 22 Javascript
实例讲解JavaScript的Backbone.js框架中的View视图
May 05 Javascript
使用bootstraptable插件实现表格记录的查询、分页、排序操作
Aug 06 Javascript
JavaScript中递归实现的方法及其区别
Sep 12 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
Node 自动化部署的方法
Oct 17 Javascript
React 源码中的依赖注入方法
Nov 07 Javascript
Vue中函数防抖节流的理解及应用实现
Apr 24 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 Vue.js
jQuery控制TR显示隐藏的几种方法
Jun 18 #Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 #Javascript
浅谈 jQuery 事件源码定位问题
Jun 18 #Javascript
js调试系列 源码定位与调试[基础篇]
Jun 18 #Javascript
js调试系列 控制台命令行API使用方法
Jun 18 #Javascript
js调试系列 初识控制台
Jun 18 #Javascript
ext前台接收action传过来的json数据示例
Jun 17 #Javascript
You might like
深入理解PHP之require/include顺序 推荐
2011/01/02 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
PHP操作文件类的函数代码(文件和文件夹创建,复制,移动和删除)
2011/11/10 PHP
Yii+MYSQL锁表防止并发情况下重复数据的方法
2016/07/14 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
学习从实践开始之jQuery插件开发 对话框插件开发
2012/04/26 Javascript
JS左右无缝滚动(一般方法+面向对象方法)
2012/08/17 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
你必须知道的JavaScript 变量命名规则详解
2013/05/07 Javascript
JS写的贪吃蛇游戏(个人练习)
2013/07/08 Javascript
调试代码导致IE出错的避免方法
2014/04/04 Javascript
js防止DIV布局滚动时闪动的解决方法
2014/10/30 Javascript
JS与jQuery遍历Table所有单元格内容的方法
2015/12/07 Javascript
简单的分页代码js实现
2016/05/17 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
vue-cli配置全局sass、less变量的方法
2019/06/06 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
js实现微信聊天效果
2020/08/09 Javascript
解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题
2020/09/02 Javascript
[52:00]2018DOTA2亚洲邀请赛 4.1 小组赛 A组加赛 LGD vs Optic
2018/04/02 DOTA
python pdb调试方法分享
2014/01/21 Python
视觉直观感受若干常用排序算法
2017/04/13 Python
Python探索之URL Dispatcher实例详解
2017/10/28 Python
通过Py2exe将自己的python程序打包成.exe/.app的方法
2018/05/26 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
详解Python中的文件操作
2021/01/14 Python
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
kmart凯马特官网:美国最大的打折零售商和全球最大的批发商之一
2016/11/17 全球购物
波兰在线体育用品商店:Hop-Sport.pl
2019/07/23 全球购物
墨西哥购物网站:Elektra
2020/01/21 全球购物
Java提供了哪些企业应用编程接口
2015/02/13 面试题
C#笔试题和英文面试题
2013/02/07 面试题
集中采购方案
2014/06/10 职场文书
银行实习推荐信
2015/03/27 职场文书
三年级作文之小小梦想
2019/12/06 职场文书