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 相关文章推荐
js下用gb2312编码解码实现方法
Dec 31 Javascript
JSQL SQLProxy 的 php 版本代码
May 05 Javascript
js数值和和字符串进行转换时可以对不同进制进行操作
Mar 05 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
jQuery学习笔记之入门
Dec 14 Javascript
关于vue中的ajax请求和axios包问题
Apr 19 Javascript
Vue头像处理方案小结
Jul 26 Javascript
cnpm加速Angular项目创建的方法
Sep 07 Javascript
JavaScript模板引擎原理与用法详解
Dec 24 Javascript
浅谈Node框架接入ELK实践总结
Feb 22 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
Jan 18 Javascript
React实现类似淘宝tab居中切换效果的示例代码
Jun 02 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
56.com视频采集接口程序(PHP)
2007/09/22 PHP
windows下apache搭建php开发环境
2015/08/27 PHP
Laravel 添加多语言提示信息的方法
2019/09/29 PHP
javascript 动态数据下的锚点错位问题解决方法
2008/12/24 Javascript
Javascript+XMLHttpRequest+asp.net无刷新读取数据库数据
2009/08/09 Javascript
javascript中的107个基础知识收集整理 推荐
2010/03/29 Javascript
javascript数组详解
2014/10/22 Javascript
浅析node.js中close事件
2014/11/26 Javascript
js实现简单计算器
2015/11/22 Javascript
创建一个类Person的简单实例
2016/05/17 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
深入理解javascript函数参数与闭包
2016/12/12 Javascript
Vue.js中兄弟组件之间互相传值实例
2017/06/01 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
2017/12/06 Javascript
详解Node.js模板引擎Jade入门
2018/01/19 Javascript
从vue基础开始创建一个简单的增删改查的实例代码(推荐)
2018/02/11 Javascript
使用Angular CLI从蓝本生成代码详解
2018/03/24 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
vue element 生成无线级左侧菜单的实现代码
2019/08/21 Javascript
vue设置动态请求地址的例子
2019/11/01 Javascript
PyQt5每天必学之工具提示功能
2018/04/19 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
python写日志文件操作类与应用示例
2019/07/01 Python
django删除表重建的实现方法
2019/08/28 Python
PySide2出现“ImportError: DLL load failed: 找不到指定的模块”的问题及解决方法
2020/06/10 Python
Styleonme中文网:韩国高档人气品牌
2017/06/21 全球购物
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
英语专业学生个人求职信范文
2014/01/06 职场文书
2014升学宴答谢词
2014/01/26 职场文书
2014年学校卫生工作总结
2014/11/20 职场文书
少年犯观后感
2015/06/11 职场文书
24年收藏2000多部退役军用电台
2022/02/18 无线电
OpenCV实现常见的四种图像几何变换
2022/04/01 Python