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 相关文章推荐
模拟select的代码
Oct 19 Javascript
再探JavaScript作用域
Sep 24 Javascript
兼容主流浏览器的jQuery+CSS 实现遮罩层的简单代码
Oct 14 Javascript
使用Chart.js图表库制作漂亮的响应式表单
Oct 28 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
Jquery中map函数的用法
Jun 03 Javascript
javascript闭包概念简单解析(推荐)
Jun 03 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
详解用函数式编程对JavaScript进行断舍离
Sep 18 Javascript
vue实现移动端悬浮窗效果
Dec 01 Javascript
JS实现打字游戏
Dec 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
PHP对象克隆clone用法示例
2016/09/28 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
PHP聊天室简单实现方法详解
2018/12/08 PHP
top.location.href 没有权限 解决方法
2008/08/05 Javascript
jQuery $.each的用法说明
2010/03/22 Javascript
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
2010/10/15 Javascript
Jquery实现Div上下移动示例
2014/04/23 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
使用javascript实现雪花飘落的效果
2015/01/13 Javascript
详解JavaScript基于面向对象之继承实例
2015/12/16 Javascript
jQuery CSS3相结合实现时钟插件
2016/01/08 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
利用Vue.js实现checkbox的全选反选效果
2017/01/18 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
原生JS实现自定义滚动条效果
2020/10/27 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
vue中component组件的props使用详解
2017/09/04 Javascript
vue实现商城购物车功能
2017/11/27 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
小程序云开发之用户注册登录
2019/05/18 Javascript
JS操作JSON常用方法(10w阅读)
2020/12/06 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
python对于requests的封装方法详解
2019/01/03 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
Pycharm使用远程linux服务器conda/python环境在本地运行的方法(图解))
2019/12/09 Python
Python 多线程C段扫描、检测 Ping扫描脚本的实现
2020/09/03 Python
Python中猜拳游戏与猜筛子游戏的实现方法
2020/09/04 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
2014/07/11 面试题
亲子读书活动方案
2014/02/22 职场文书
新闻学专业大学生职业生涯规划范文
2014/03/02 职场文书
公司财务流程之主管工作流程
2014/03/03 职场文书
师德师风学习材料
2014/12/19 职场文书
《月光曲》教学反思
2016/02/16 职场文书
Jupyter notebook 不自动弹出网页的解决方案
2021/05/21 Python