runxinzhi.com
首页
百度搜索
【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
相关阅读:
在 Ubuntu上使用 MySQL
Ubuntu/CentOs 搭建SVN服务器
一个简单的零配置命令行HTTP服务器
Windows 环境下 NodeJs 开发 Log
AngularJS
thinkphp5.0使用workerman多线程实例
bat自动备份数据库文件
mysql.ini配置优化速度参考
php解析识别二维码内容
windows屏蔽windows错误报告提示框
原文地址:https://www.cnblogs.com/sniper007/p/2349881.html
最新文章
Concept check
C++11 用户自定义字面值
C++ print tuple
51nod 1391 01串(hash+DP)
eight
hdu 1003 Max Sum
工作总结--2016
验证两台机器已经建立的ssh互信
【转】使用expect实现shell自动交互
Totem协议(SRP/RRP)讲解
热门文章
11.11
shell学习笔记--持续记录
插入外置网卡端口顺序混乱--linux系统
xfs参数简介
VM参数简介
深圳一周面试总结
safari
"Error: ANDROID_HOME is not set and "android" command not in your PATH. You must fulfill at least one of these conditions.".
grunt-contrib-watch 监控 JS 文件改变来运行预定义的Tasks
在 :after/ :before 使用 font awesome web Icon
Copyright © 2020-2023
润新知