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语言中的Literal Syntax特性分析
Mar 08 Javascript
javascript调试说明
Jun 07 Javascript
使用Grunt.js管理你项目的应用说明
Apr 24 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
js动态创建表格,删除行列的小例子
Jul 20 Javascript
javascript ajax的5种状态介绍
Aug 18 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
Bootstrap3制作图片轮播效果
May 12 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
使用 jQuery 实现表单验证功能
Jul 05 jQuery
vue+mockjs模拟数据实现前后端分离开发的实例代码
Aug 08 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
Nov 14 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 - Html Transfer Code
2006/10/09 PHP
PHP如何透过ODBC来存取数据库
2006/10/09 PHP
信用卡效验程序
2006/10/09 PHP
PHP开发入门教程之面向对象
2006/12/05 PHP
php面向对象全攻略 (八)重载新的方法
2009/09/30 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
Laravel 在views中加载公共页面的实现代码
2019/10/22 PHP
javascript 日历提醒系统( 兼容所有浏览器 )
2009/04/07 Javascript
jquery 关键字“拖曳搜索”之“拖曳”以及 图片“提示自适应放大”效果 的实现
2010/04/18 Javascript
基于jquery的代码显示区域自动拉长效果
2011/12/07 Javascript
JavaScript中prototype为对象添加属性的误区介绍
2013/10/15 Javascript
js导入导出excel(实例代码)
2013/11/25 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
jQuery 1.9.1源码分析系列(十四)之常用jQuery工具
2015/12/02 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
jQuery图片切换动画特效
2016/11/02 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
js实现删除li标签一行内容
2019/04/16 Javascript
JavaScript回调函数callback用法解析
2020/01/14 Javascript
js实现点赞效果
2020/03/16 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
Python中random模块用法实例分析
2015/05/19 Python
使用python实现个性化词云的方法
2017/06/16 Python
基于Python实现简单学生管理系统
2020/07/24 Python
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
初婚未育证明
2014/01/15 职场文书
创意广告词
2014/03/17 职场文书
仓库文员岗位职责
2014/04/06 职场文书
党的群众路线教育实践活动个人对照检查材料范文
2014/09/25 职场文书
2015幼儿园新学期寄语
2015/02/27 职场文书
Python中的套接字编程是什么?
2021/06/21 Python