<body>
<div id="div1" onclick="fn(event)" style="width:200px; height:200px; background-color:#0CC">
1111
</div>
</body>
</html>
<script type="text/javascript">
var oDiv = document.getElementById("div1")
function fn(event){
alert(event.target.id);
}
//oDiv.onclick=function(){fn(event)}为什么我把代码放在这里不能执行,而放在id为div1的html标签内就能执行。
</script>
解决方法:
以上代码在火狐里确实不行,原因如下:
oDiv.onclick=function(){fn(event)}
这样写,fn(event)的event相当于是实参,而这个event在外面的那个匿名方法里是没有定义的(在IE中是定义了的,就是
window.event这个全局的事件对象),没有定义就是undefined,所以不行。改成
oDiv.onclick=function(event){fn(event)} 就可以了
-------------------------------------------------------------------------------------------------------
<div id="div1" onclick="fn(event)" style="width:200px; height:200px;
background-color:#0CC">为什么这样就行呢,因为火狐在处理这个onclick="fn(event)"时,会自动的把这个
代码转化为onclick=function(event){fn(event)} 。在用FireBug调试的时候会发现是这样的。
注意:里面的参数一定要是event才行,要不然也会报错。