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浏览器添加事件的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did102099