将事件写在html中就能执行整体事件，写在js里为什么不能执行？-优快云博客

本文探讨了在不同浏览器环境下如何正确处理事件对象的问题，特别是在Firefox中使用自定义事件处理函数时的注意事项。

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

    <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.οnclick=function(){fn(event)}为什么我把代码放在这里不能执行，而放在id为div1的html标签内就能执行。



</script>

解决方法：
以上代码在火狐里确实不行，原因如下：
oDiv.οnclick=function(){fn(event)} 
这样写，fn(event)的event相当于是实参，而这个event在外面的那个匿名方法里是没有定义的（在IE中是定义了的，就是
window.event这个全局的事件对象），没有定义就是undefined，所以不行。改成
oDiv.οnclick=function(event){fn(event)} 就可以了

-------------------------------------------------------------------------------------------------------
<div id="div1" οnclick="fn(event)" style="width:200px; height:200px; 
background-color:#0CC">为什么这样就行呢，因为火狐在处理这个οnclick="fn(event)"时，会自动的把这个
代码转化为οnclick=function(event){fn(event)} 。在用FireBug调试的时候会发现是这样的。

注意：里面的参数一定要是event才行，要不然也会报错。

转载于:https://www.cnblogs.com/yangdejin/archive/2011/09/26/2191912.html