ie与ff下的event事件

最新推荐文章于 2024-10-30 19:10:39 发布

爱跳舞的铅笔头

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量1.1k

点赞数 1

分类专栏： javascript 文章标签： javascript 浏览器对象

javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

event是ie自带的一个对象，而ff中不存在该对象，只能通过传递参数的方式来模拟event，：（
更多的文章可以参考 http://www.jb51.net/tag/event/1.htm）

另外ie中使用srcElement去获得事件触发源，ff下使用target。因此使用这两个对象时需要做相关的浏览器兼容。

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>srcElement --http://www.jb51.net/</title> 
<script type="text/javascript"> 
<!-- 
function Click(event){ 
    event = event? event: window.event 
    var obj = event.srcElement ? event.srcElement:event.target; 
    alert(obj.tagName); 
} 
//--> 
</script> 
</head> 

<body> 
<button id="btn" οnclick="Click(event)">点击</button> 
</body> 
</html>

查看运行结果
综合上节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.οnlοad=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.οnclick=hanlder; 
oBtnNew.οnmοuseοver=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" οnclick="Click(event)">点击</button> 
<button id="btnNew">添加事件点击</button>