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 date对象的减法处理实现代码
Dec 28 Javascript
jquery text(),val(),html()方法区别总结
Nov 04 Javascript
jquery validate在ie8下的bug解决方法
Nov 13 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
jQuery实现自定义事件的方法
Apr 17 Javascript
实现音乐播放器的代码(html5+css3+jquery)
Aug 04 Javascript
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
Aug 29 Javascript
浅析如何利用JavaScript进行语音识别
Oct 27 Javascript
微信小程序支付前端源码
Aug 29 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
webpack4从0搭建组件库的实现
Nov 29 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
Windows下PHP的任意文件执行漏洞
2006/10/09 PHP
表单复选框向PHP传输数据的代码
2007/11/13 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
Zend Framework入门教程之Zend_Session会话操作详解
2016/12/08 PHP
php7性能提升的原因详解
2019/10/13 PHP
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
Extjs4中Form的使用之本地hiddenfield
2013/11/26 Javascript
Node.js中安全调用系统命令的方法(避免注入安全漏洞)
2014/12/05 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
微信 java 实现js-sdk 图片上传下载完整流程
2016/10/21 Javascript
BootStrap树状图显示功能
2016/11/24 Javascript
JavaScript实现form表单的多文件上传
2020/03/27 Javascript
AngularJS基于factory创建自定义服务的方法详解
2017/05/25 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
利用vue+elementUI实现部分引入组件的方法详解
2017/11/22 Javascript
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
Vue formData实现图片上传
2019/08/20 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
Python中关于字符串对象的一些基础知识
2015/04/08 Python
使用Python制作获取网站目录的图形化程序
2015/05/04 Python
Python的Tornado框架的异步任务与AsyncHTTPClient
2016/06/27 Python
python3+PyQt5 实现Rich文本的行编辑方法
2019/06/17 Python
详解python中的time和datetime的常用方法
2019/07/08 Python
JavaScript+Canvas实现自定义画板的示例代码
2019/05/13 HTML / CSS
美国羊皮公司:Overland
2018/01/15 全球购物
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
服装机修工岗位职责
2013/12/26 职场文书
个人简历自我评价
2014/02/02 职场文书
预备党员的自我评价
2014/03/12 职场文书
刑事辩护授权委托书格式
2014/10/13 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
党支部评议意见
2015/06/02 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android