ie与ff下的event事件- Javascript - 软晨网（RuanChen.com）

技术文章搜索

关键字

Javascript 中的 ie与ff下的event事件

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 107 ::

收藏到网摘: n/a

js 冒泡事件与事件监听使用分析比较全面的event对像在IE与FF中的区别推荐

event是ie自带的一个对象，而ff中不存在该对象，只能通过传递参数的方式来模拟event，：（更多的文章可以参考 http://www.ruanchen.com/"htmlarea">点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

查看运行结果
综合上节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> 

js 冒泡事件与事件监听使用分析比较全面的event对像在IE与FF中的区别推荐

Javascript 中的 ie与ff下的event事件

评论 (0) All