春雨_Yang

努力不一定成功,但放弃一定会失败。

导航

将事件写在html中就能执行整体事件,写在js里为什么不能执行?

    <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才行,要不然也会报错。

posted on 2011-09-26 16:41  春雨_Yang  阅读(2991)  评论(0编辑  收藏  举报