ie与ff下的event事件

184 阅读 0 评论 122 点赞

我是靠谱客的博主紧张便当，最近开发中收集的这篇文章主要介绍ie与ff下的event事件，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

更多的文章可以参考 http://www.uoften.com/tag/event/1.htm
另外ie中使用srcElement去获得事件触发源，ff下使用target。因此使用这两个对象时需要做相关的浏览器兼容。

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

查看运行结果
综合上节attachEvent与addEventListener。

复制代码代码如下:

<script type="text/javascript"> 
<!– 
function Click(event){ 
event = event? event: window.event; 
var obj = event.srcElement ? event.srcElement:event.target; 
alert("eventObj.tabName:" + obj.tagName); 
} 
var oBtnNew; 
window.onload=function(){ 
oBtnNew=document.getElementById("btnNew"); 
if(window.attachEvent){ 
oBtnNew.attachEvent("onclick",hanlder); 
oBtnNew.attachEvent("onmouseover",hanlder); 
}else{ 
oBtnNew.addEventListener("click",hanlder,false); 
oBtnNew.addEventListener("mouseover",hanlder,false); 
} 
/*或者采用下面试 
oBtnNew.onclick=hanlder; 
oBtnNew.onmouseover=hanlder;*/ 
} 
function hanlder(event){ 
event=event?event:window.event; 
if(event.type=="click") 
oBtnNew.innerHTML="发生了onclick事件"; 
else if(event.type=="mouseover") 
oBtnNew.innerHTML="发生了onmouseover事件"; 
} 
//–> 
</script> 
</head> 
<body> 
<button id="btn" onclick="Click(event)">点击</button> 
<button id="btnNew">添加事件点击</button> 