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
查看全文
相关阅读:
centos7安装php7
将centos7镜像源更新为阿里镜像源
CentOS7 vscode连接本地虚拟机vsftp服务器
php 查看扩展,配置文件路径命令
centos查看程序监听的端口
centos7搭建ftp服务
redis-事务
kettle 执行 kjb 临时文件夹 /tmp permission denied 问题
Spring 声明式事务与编程式事务详解
进程和线程的区别
原文地址:https://www.cnblogs.com/sniper007/p/2349881.html
最新文章
(转)Java 内存区域分配和垃圾回收(GC)机制
JVM(Java Virtual Machine)
java面向对象(包package)
java面向对象(异常)
java面向对象(5)
实习第十三天
实习第十二天
实习第十一天
实习第十天
实习第九天
热门文章
实习第八天
实习第七天
实习第六天
实习第五天
实习第四天
day 15
day02
安装locate命令
如何将php命令加入环境变量
centos中使用phpize编译php扩展的时候出现报错
Copyright © 2011-2022 走看看