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 相关文章推荐
JAVASCRIPT对象及属性
Feb 13 Javascript
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
Feb 23 Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
Aug 14 Javascript
js客户端快捷键管理类的较完整实现和应用
Jun 08 Javascript
jQuery中on()方法用法实例详解
Feb 06 Javascript
相册展示PhotoSwipe.js插件实现
Aug 25 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
Mar 02 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
浅谈JS 数字和字符串之间相互转化的纠纷
Oct 20 Javascript
使vue实现jQuery调用的两种方法
May 12 jQuery
前端 javascript 实现文件下载的示例
Nov 24 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用身份证号获取星座和生肖的方法
2013/11/07 PHP
PHP程序员的技术成长规划
2016/03/25 PHP
PHP实现压缩图片尺寸并转为jpg格式的方法示例
2018/05/10 PHP
apache集成php7.3.5的详细步骤
2019/06/20 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
各情景下元素宽高的获取实现代码
2011/09/13 Javascript
JS分页控件 可用于无刷新分页
2013/07/23 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
2014/10/17 Javascript
JS拖拽组件学习使用
2016/01/19 Javascript
jQuery验证插件validate使用方法详解
2020/09/13 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
ionic实现下拉刷新载入数据功能
2017/05/11 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
webpack-dev-server远程访问配置方法
2018/02/22 Javascript
解决vue+element 键盘回车事件导致页面刷新的问题
2018/08/25 Javascript
vue2.0获取鼠标位置的方法
2018/09/13 Javascript
详解Axios统一错误处理与后置
2018/09/26 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
简谈创建React Component的几种方式
2019/06/15 Javascript
[01:08:17]2018DOTA2亚洲邀请赛3月29日 小组赛B组 EG VS VGJ.T
2018/03/30 DOTA
在Django中限制已登录用户的访问的方法
2015/07/23 Python
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
Python 异常处理的实例详解
2017/09/11 Python
Python中join函数简单代码示例
2018/01/09 Python
通过Python模块filecmp 对文件比较的实现方法
2018/06/29 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
详解window.open被浏览器拦截的解决方案
2019/07/18 HTML / CSS
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
NICKIS.com荷兰:设计师儿童时装
2020/01/08 全球购物
全球领先的中国制造商品在线批发平台:DHgate
2020/01/28 全球购物
给海归自荐信的建议
2013/12/13 职场文书
小学生学习感言
2014/03/10 职场文书
2015年青年志愿者协会工作总结
2015/04/27 职场文书
爱心捐助活动总结
2015/05/09 职场文书
浅谈Laravel中使用Slack进行异常通知
2021/05/29 PHP