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 相关文章推荐
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
jQuery插件-jRating评分插件源码分析及使用方法
Dec 28 Javascript
javascript的push使用指南
Dec 05 Javascript
纯css实现窗户玻璃雨滴逼真效果
Aug 23 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
Dec 25 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
Bootstrap的popover(弹出框)2秒后定时消失的实现代码
Feb 27 Javascript
重新理解JavaScript的六种继承方式
Mar 24 Javascript
微信小程序商城项目之侧栏分类效果(1)
Apr 17 Javascript
Vue中的字符串模板的使用
May 17 Javascript
vue-cli3全面配置详解
Nov 14 Javascript
用Fundebug插件记录网络请求异常的方法
Feb 21 Javascript
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实现选择排序的解决方法
2013/05/04 PHP
Yii实现MySQL多数据库和读写分离实例分析
2014/12/03 PHP
PHP实现扎金花游戏之大小比赛的方法
2015/03/10 PHP
PHP生成随机码的思路与方法实例探索
2019/04/11 PHP
Thinkphp5框架简单实现钩子(Hook)行为的方法示例
2019/09/03 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
js对数字的格式化使用说明
2011/01/12 Javascript
Javascript基础教程之定义和调用函数
2015/01/18 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
BootStrap实现带有增删改查功能的表格(DEMO详解)
2016/10/26 Javascript
vue中的mvvm模式讲解
2019/01/31 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
layer.js open 隐藏滚动条的例子
2019/09/05 Javascript
Node 代理访问的实现
2019/09/19 Javascript
Javascript和jquery在selenium的使用过程
2019/10/31 jQuery
Vue.js仿Select下拉框效果
2020/02/18 Javascript
Python求解平方根的方法
2015/03/11 Python
一张图带我们入门Python基础教程
2017/02/05 Python
Python如何爬取实时变化的WebSocket数据的方法
2019/03/09 Python
简单了解python反射机制的一些知识
2019/07/13 Python
Python全局锁中如何合理运用多线程(多进程)
2019/11/06 Python
pycharm 复制代码出现空格的解决方式
2021/01/15 Python
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
皇家阿尔伯特瓷器美国官网:Royal Albert美国
2020/02/16 全球购物
澳大利亚最好的电动自行车:Leon Cycle
2020/12/19 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
DBA的职责都有哪些
2012/05/16 面试题
合作意向书范本
2014/03/31 职场文书
学生偷窃检讨书
2014/09/25 职场文书
大雁塔导游词
2015/02/04 职场文书
二婚主持词
2015/06/30 职场文书
2015暑期社会实践调查报告
2015/07/14 职场文书
红领巾广播站广播稿
2015/08/19 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书