zoukankan
html css js c++ java
【javascript基础】之【onpropertychange、onchange、oninput】
onpropertychange
IE下特有的事件,解释:
”
当一个HTML元素的属性改变的时候,都能通过onpropertychange来捕获。“
<input type="text" id="username" /><br />
<input type="text" id="pwd" />
<script>
var
us = document.getElementById("username");
var
pwd = document.getElementById("pwd");
us.attachEvent("onpropertychange",
function
(){
alert(11);
});
/*
pwd.attachEvent("onchange", function(){
alert(22);
});
*/
setTimeout(
function
(){
us.name = "username";
}, 1000);
</script>
我做了一个测试,任何一个属性改变时,添加、改变、删除,都会促发这个事件。
oninput
事件作为 HTML5 中的标准事件,基本除了IE6 / IE7 / IE8 外的最新浏览器均支持(注:1、原先的 Opera 的虽支持,但依然存在部分传统的诟病,从 Opera 11+ 开始,已修复,更加完美;2、IE9 也支持)
<input type="text" id="username" /><br />
<input type="text" id="pwd" />
<script>
var
us = document.getElementById("username");
var
pwd = document.getElementById("pwd");
us.addEventListener("input",
function
(){
console.log(11);
},
false
);
/*
pwd.attachEvent("onchange", function(){
alert(22);
});
*/
setTimeout(
function
(){
us.name = "username";
}, 1000);
</script>
但是运行上面的实例,
us.name = "username";
竟然不促发input,我日
当 JS 改变 value 值或从浏览器的自动下拉提示中选值时,不会触发。
onchange
onchange在属性值改变时只有通过鼠标执行某些操作才能激活该事件
参考了
http://www.planabc.net/2011/10/18/oninput_and_onpropertychange/
http://www.cnitblog.com/yemoo/archive/2006/08/19/15585.aspx
查看全文
相关阅读:
[JNA系列]Java调用Delphi编写的Dll之Delphi与JAVA基本数据类型对比
JSON和数据集互相转换单元
Windows管理多个java版本--解决'has value '1.8',but'1.7' is required'的方法
Spring+SpringMVC+MyBatis+Maven框架整合
让你的程序通过XP防火墙
内存共享【Delphi版】
自学k8s-安装docker特定版本技巧
自学k8s-k8s集群环境搭建
自学k8s-安装过程为下载flannel.yml和镜像文件,而需要设置的代理
Centos开放指定端口命令
原文地址:https://www.cnblogs.com/sniper007/p/2349881.html
最新文章
sublime中项目无法添加文件夹
调试bug方法总结
switch、try-catch
Unexpected token d in JSON at position 669 while parsing near '...ct-mode":"^6.0.2"}
Failed to resolve filter报错原因
ajax请求回数组数据,Vue页面数组没同步问题
windows mac配置host方法
Oracle中trunc()函数用法
字符串相关工具类
Java SimpleDateFormat 日期-时间格式参数
热门文章
Java 使用代理发送Http请求 (将Http请求代理Https请求)
Java 获取年份的第一天或最后一天 工具类
Java判断对象是否为Null/空
StringUtils中isEmpty方法和isBlank方法的区别
Java 数据脱敏 工具类
Java 去除字符串前后指定的字符
MyBatis 处理关系运算符
[JNA系列]Java调用Delphi编写的Dll之实例Delphi使用PWideChar
[JNA系列]Java调用Delphi编写的Dll之实例Delphi使用PAnsiChar
[JNA系列]Java调用Delphi编写的Dll之JNA使用
Copyright © 2011-2022 走看看