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 CSS样式控制 学习笔记
Jul 23 Javascript
Extjs Ext.MessageBox.confirm 确认对话框详解
Apr 02 Javascript
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
JavaScript实现解析INI文件内容的方法
Nov 17 Javascript
微信小程序之拖拽排序(代码分享)
Jan 21 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
js实现unicode码字符串与utf8字节数据互转详解
Mar 21 Javascript
如何使用gpu.js改善JavaScript的性能
Dec 01 Javascript
Nest.js环境变量配置与序列化详解
Feb 21 Javascript
JS如何使用剪贴板操作Clipboard API
May 17 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
NO3第三帝国留言簿制作过程
2006/10/09 PHP
一个php Mysql类 可以参考学习熟悉下
2009/06/21 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
2013/12/22 PHP
关于jQuery对象数据缓存Cache原理以及jQuery.data详解
2013/04/07 Javascript
js获取IP和PcName(IE)在vs中可用
2013/08/02 Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
2013/09/27 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
js闭包实现按秒计数
2015/04/23 Javascript
jQuery实现dialog设置focus焦点的方法
2015/06/10 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
2016/08/19 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
2016/09/17 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
2017/07/27 Javascript
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
d3绘制基本的柱形图的实现代码
2018/12/12 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
零基础写python爬虫之爬虫的定义及URL构成
2014/11/04 Python
Python入门教程之if语句的用法
2015/05/14 Python
Python实现股市信息下载的方法
2015/06/15 Python
详谈python http长连接客户端
2017/06/12 Python
Python3 replace()函数使用方法
2018/03/19 Python
Python3爬虫爬取英雄联盟高清桌面壁纸功能示例【基于Scrapy框架】
2018/12/05 Python
pycharm激活码有效到2020年11月底
2020/09/18 Python
Anaconda+VSCode配置tensorflow开发环境的教程详解
2020/03/30 Python
实例讲解Python 迭代器与生成器
2020/07/08 Python
python使用建议技巧分享(三)
2020/08/18 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
HTML5 audio标签使用js进行播放控制实例
2015/04/24 HTML / CSS
美国鲜花递送:UrbanStems
2021/01/04 全球购物
家教广告词
2014/03/19 职场文书
2014组织生活会方案
2014/05/19 职场文书
2015年三八妇女节活动总结
2015/02/06 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
教研活动主持词
2015/07/03 职场文书
公司仓库管理制度
2015/08/04 职场文书
健康教育主题班会
2015/08/14 职场文书
礼仪培训心得体会
2016/01/22 职场文书