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 相关文章推荐
escape、encodeURI 和 encodeURIComponent 的区别
Mar 02 Javascript
JavaScript的document对象和window对象详解
Dec 30 Javascript
JavaScript中for..in循环陷阱介绍
Nov 12 Javascript
javascript为下拉列表动态添加数据项
May 23 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
JS中min函数实例讲解
Feb 18 Javascript
node 解析图片二维码的内容代码实例
Sep 11 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 Javascript
webpack中的模式(mode)使用详解
Feb 20 Javascript
vue radio单选框,获取当前项(每一项)的value值操作
Sep 10 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获取网络文件的实现代码
2010/01/01 PHP
PHP数组的交集array_intersect(),array_intersect_assoc(),array_inter_key()函数的小问题
2011/05/29 PHP
基于php编程规范(详解)
2017/08/17 PHP
PHP Include文件实例讲解
2019/02/15 PHP
PHP实现的62进制转10进制,10进制转62进制函数示例
2019/06/06 PHP
PhpStorm 2020.3:新增开箱即用的PHP 8属性(推荐)
2020/10/30 PHP
javascript之解决IE下不渲染的bug
2007/06/29 Javascript
判断脚本加载是否完成的方法
2009/05/26 Javascript
用js实现计算加载页面所用的时间
2010/04/02 Javascript
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
兼容所有浏览器的js复制插件Zero使用介绍
2014/03/19 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
jQuery DOM插入节点操作指南
2015/03/03 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
2015/09/11 Javascript
js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
2015/11/09 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
解决Mac node版本升级失败的问题
2018/05/16 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
python使用json序列化datetime类型实例解析
2018/02/11 Python
Python使用matplotlib绘制多个图形单独显示的方法示例
2018/03/14 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
python tkinter之顶层菜单、弹出菜单实例
2020/03/04 Python
Windows 下python3.8环境安装教程图文详解
2020/03/11 Python
HTML5 Web存储方式的localStorage和sessionStorage进行数据本地存储案例应用
2012/12/09 HTML / CSS
SNIDEL官网:日本VIVI杂志人气少女第一品牌
2020/03/12 全球购物
如何获得EntityManager
2014/02/09 面试题
《火烧云》教学反思
2014/04/12 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书
基层党员学习党的群众路线教育实践活动心得体会
2014/11/04 职场文书
2014年协会工作总结
2014/11/22 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
党员自评材料范文
2014/12/17 职场文书
护士旷工检讨书
2015/08/15 职场文书