IE事件模型,如何给IE和非IE浏览器添加事件
2024-10-13 13:23:08
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IE事件模型</title>
</head>
<body>
<input type="button" value="Event对象"/>
<p>事件传播过程:</p>
<script>
window.onload=function(){
var btn=document.getElementsByTagName("input")[0];
var p=document.getElementsByTagName("p")[0];
var i=1;
do{
if(btn.addEventListener)
{
btn.addEventListener("click",function(){
p.innerHTML+="<br/>("+ i++ +") "+this.nodeName;
},false);
}
else
{
btn.attachEvent("onclick",(function(btn){
return function(){ //返回闭包函数,从而动态锁定响应事件的当前对象
p.innerHTML+="<br/>("+ i++ +") "+btn.nodeName;
}
})(btn)); //直接调用函数,以便向内部传递当前绑定元素对象
}
btn=btn.parentNode;
}while(btn);
}
</script>
</body>
</html>
IE事件模型
事件传播过程:
最新文章
- 从数据库导出到excel
- 安卓初級教程(2):SD創建file,儲存與讀寫的方法(1)
- .NET技术大系概览 (迄今为止最全的.NET技术栈)
- BZOJ1742[Usaco2005 nov]Grazing on the Run
- (转)Android开发出来的APP在手机的安装路径是?
- Mac 下配置 SSH 免密码安全登录
- 网络工程实训_2路由器基本配置及IOS介绍
- hdu 2275 Kiki &; Little Kiki 1
- 如何使用 SQL Developer 导出数据
- Java_Activiti5_菜鸟也来学Activiti5工作流_之初识BPMN2.0的简单结构(五)
- C++不能中断构造函数来拒绝产生对象(在构造和析构中抛出异常)
- SVN经常使用命令说明
- (转)使用DataTime这个类来获取当前的时间
- VS2015中使用Git
- Django学习(2)数据宝库
- 5.python函数
- 阿里面试100%问到,JVM性能调优篇
- 《Linux内核分析》第二周学习笔记
- FEC详解三
- 【树】Path Sum II(递归)