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+="
("+ i++ +") "+this.nodeName;
},false);
}
else
{
btn.attachEvent("onclick",(function(btn){
return function(){ //返回闭包函数，从而动态锁定响应事件的当前对象
p.innerHTML+="
("+ i++ +") "+btn.nodeName;
}
})(btn)); //直接调用函数，以便向内部传递当前绑定元素对象
}
btn=btn.parentNode;
}while(btn);
}
script>
body>
html>IE事件模型，如何给IE和非IE浏览器添加事件
•
👁 0人浏览过