firefox、IE对JavaScript中this的不同解释_javascript this 火狐解析不是对象-优快云博客

本文探讨了JavaScript中不同浏览器对事件绑定的支持差异。通过一个具体的HTML示例，展示了如何使用`attachEvent`和`addEventListener`来为DOM元素绑定事件监听器，并解释了为何在某些情况下需要采用不同的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

执行如下程序

<!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" id="myHtml" >
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">

</style>
<script type="text/javascript">
window.onload = function(){
   var div = document.getElementById("divid");
   if(window.attachEvent)
       div.attachEvent("onclick",func);
   else if(window.addEventListener)
       div.addEventListener("click",func,false);
   function func(){
       alert(this.id);
   }
   func();
   }
</script>
</head>
<body>
   <div id="divid">点我</div>
</body>
</html>

页面加载后 firefox和ie输出的都是undefined,而点击“点我”之后，firefox输出的是divid，ie输出的还是undefined。

要使ie中也能输出divid，则要使用div.onclick=func;
即把

if(window.attachEvent)
       div.attachEvent("onclick",func);
   else if(window.addEventListener)
       div.addEventListener("click",func,false);

改成

div.onclick=func;