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
查看全文
相关阅读:
Python 绘制图表之我见 ---一个java程序员的看法
机器学习系统设计--1.4
XUtils3 的 环境搭建与简单使用
关于SAX
TensorFlow之Varibale 使用方法
安装Nvidia k80驱动步骤
TensorFlow 在android上的Demo(1)
Python 去剑式
python编程技巧2
python语言技巧
原文地址:https://www.cnblogs.com/sniper007/p/2349881.html
最新文章
Android 7.0 Gallery图库源码分析3
SpringBootSecurity学习(16)前后端分离版之 OAuth2.0 加密配置
SpringBootSecurity学习(15)前后端分离版之 OAuth2.0简单示例
SpringBootSecurity学习(14)前后端分离版之 OAuth2.0介绍
SpringBootSecurity学习(13)前后端分离版之JWT
SpringBootSecurity学习(12)前后端分离版之简单登录
SpringBootSecurity学习(11)网页版登录之URL动态权限
SpringBootSecurity学习(10)网页版登录之记住我功能
SpringBootSecurity学习(09)网页版登录配置Session共享
SpringBootSecurity学习(08)网页版登录整合MyBatis
热门文章
SpringBootSecurity学习(07)网页版登录整合JDBC
Django配置参数可选总结
Mysql分页优化
Scrapy框架
Django Rest Framework
Django解决跨域问题
网络编程几个概念解析
协程,线程,进程
Ubuntu Server 配置网络
安装linux操作系统
Copyright © 2011-2022 走看看