我在这部分遇到了麻烦：
var ex = {
exampl: function(){
var ref=window.event.target||window.event.srcElement; // here
alert(ref.innerHTML); // (example)
}
}
这个函数是这样调用的：
document.body.childNodes[0].addEventListener('mouseover',ex.exampl,true);
只有 Firefox 说window.event没有定义......
我不知道该怎么做，才能让它发挥作用。它在 webkit 浏览器和歌剧中工作得很好（我无法在 MSIE 中检查它，我也不关心它）。
为什么会发生？
尝试使用传递的参数（e在本例中命名）获取事件。我测试了这两者window.event并e在Chrome中支持。
var ex = {
exampl: function(e){
console.log(window.event);
console.log(e);
//check if we have "e" or "window.event" and use them as "evt"
var evt = e || window.event
}
}
window.event 不是功能，这是一个错误！
引用MDN：
window.event是专有的 Microsoft Internet Explorer 属性，仅在调用 DOM 事件处理程序时可用。它的值是当前正在处理的 Event 对象。
而最重要的是：
不属于任何规范。
window.event是非标准的，所以不要指望任何浏览器支持它。
回调函数中的第一个参数element.addEventListener()是一个Event对象。用它代替window.event.
因为window.event在 Firefox 中不存在。那是因为浏览器具有不同的事件模型，您必须处理它们的差异或使用像 jQuery 这样的库而不必处理浏览器之间的所有差异。欢迎来到 DOM。
Chrome 本身也没有它。IE 并没有让每个事件触发器传递自己的事件对象，而是将属性放入 window.event 并将其传递出去。这是有效的，因为您一次只处理一个事件。每个浏览器都应该拥有的是 window.Event ，它是事件对象的实际构造函数。如果您在 IE8 及以下的任何地方看到“window.event”，请尝试在空白选项卡上打开控制台并在那里记录或提醒它。有可能是在您正在查看的页面上手动添加它。
如果您查看事件处理程序的跨浏览器规范化代码，您会经常看到：
if(!e){ e = window.event; }
这是处理旧版本 IE 的事件规范化代码。在现代浏览器中，e 应该是它自己的通过参数传递的对象，而不是对 window 属性的引用。
window.event将在Firefox 63 版（预计于 2018 年 10 月下旬发布）上提供。