背景
当你在编写前端代码时，可能会遇到这样一种情况：在某些浏览器中，例如 Firefox，调用添加了事件监听器的函数时，会提示“window.event 未定义”的错误。这是因为 Firefox 不支持 window.event 属性。
分析
window.event 是 IE 浏览器特有的全局属性，用于获取当前正在处理的事件对象。但是，在其他浏览器中，如 Chrome 和 Firefox，window.event 并不存在。相反，这些浏览器提供了一个标准的事件参数名，即 event。
当我们使用 addEventListener 方法向 DOM 元素添加事件监听器时，该方法会将事件参数作为回调函数的第一个参数传递进去。因此，我们可以通过修改函数的参数列表来访问事件对象，而不是使用 window.event 属性。
下面是一个示例代码：
-- -------------------- ---- ------- -- --------- ------- --- -------- ------------- - --- ----- - ------------- -- ------ -------------------------- --------------- -- ----------- - ------------------------------------------------------------- ------------- -- --------------- -------- ------------------ - -------------------------- --------------- -- ----------- - ------------------------------------------------------------- -------------
结论
在编写前端代码时，我们应该遵循标准的事件处理方式，不要依赖于特定浏览器的属性和行为。使用 addEventListener 方法来添加事件监听器，并通过回调函数的参数列表访问事件对象。
如果你遇到了类似于“window.event 未定义”的错误提示，那么请检查你的代码是否使用了这个属性。如果是，请将其替换为事件参数即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30601