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 相关文章推荐
ExtJS 入门
Oct 29 Javascript
JS声明变量背后的编译原理剖析
Dec 28 Javascript
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼容问题
Jan 11 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
Jan 30 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
Nov 01 Javascript
一个网页标题title的闪动提示效果实现思路
Mar 22 Javascript
EasyUI加载完Html内容样式渲染完成后显示
Jul 25 Javascript
js实现统计字符串中特定字符出现个数的方法
Aug 02 Javascript
webpack+vue.js快速入门教程
Oct 12 Javascript
Chrome调试折腾记之JS断点调试技巧
Sep 11 Javascript
JavaScript中join()、splice()、slice()和split()函数用法示例
Aug 24 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 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
压力如何影响浓缩咖啡品质
2021/03/03 咖啡文化
php编写一个简单的路由类
2011/04/13 PHP
php全角字符转换为半角函数
2014/02/07 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
基于PHP实现堆排序原理及实例详解
2020/06/19 PHP
用js生产批量批处理执行命令
2008/07/28 Javascript
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
2015/03/06 Javascript
基于jQuery的表单填充实例
2017/08/22 jQuery
express默认日志组件morgan的方法
2018/04/05 Javascript
JavaScript模板引擎实现原理实例详解
2018/12/14 Javascript
vue 检测用户上传图片宽高的方法
2020/02/06 Javascript
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
javascript实现简单留言板案例
2021/02/09 Javascript
提升Python程序运行效率的6个方法
2015/03/31 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
Python简单实现的代理服务器端口映射功能示例
2018/04/08 Python
python中in在list和dict中查找效率的对比分析
2018/05/04 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
对python函数签名的方法详解
2019/01/22 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
Python数据类型之Dict字典实例详解
2019/05/07 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
Django form表单与请求的生命周期步骤详解
2020/06/07 Python
html5录音功能实战示例
2019/03/25 HTML / CSS
FC-Moto英国:欧洲最大的摩托车服装和头盔商店之一
2019/08/25 全球购物
网络维护中文求职信
2014/01/03 职场文书
运动会跳远广播稿
2014/02/04 职场文书
企业党员公开承诺书
2014/03/26 职场文书
应聘会计求职信
2014/06/11 职场文书
工程承包协议书范本
2014/09/29 职场文书