FireFox中event未定义，Chrome、Safari正常的技术问题求助

嘿，这个问题我之前调试的时候也踩过坑！咱们先唠唠为啥会这样：

Chrome和Safari有个“贴心”的小特性——当你在事件处理函数里没显式传入event参数时，它们会自动把全局的window.event补进去让你用。但Firefox可不吃这一套，它严格遵循标准，必须显式把event作为参数传给事件处理函数，不然直接用event就会报未定义的错误。

看你贴的代码，searchClose函数里直接用了event.target，但这个函数根本没接收event参数！这就是Firefox报错的根源。

修复方案 #

1. 先给searchClose函数补上event参数，同时加个兜底判断避免意外：

function searchClose(event) { 
  // 先判断event是否存在，防止非事件触发场景出错
  if (!event) return;
  
  if (event.target.classList.contains("search-overlay__search-bar", "search-suggestion-item", "search-suggestion-item__link")) { 
    return false; 
  } else { 
    // 你的后续逻辑（比如关闭搜索层）
    searchOverlay.classList.remove("show");
  }
}

2. 检查函数的绑定方式：
   • 如果是用addEventListener绑定的（比如document.querySelector('.close-btn').addEventListener('click', searchClose)），那没问题，浏览器会自动把事件对象传进去；
   • 如果是内联HTML绑定的（比如<button onclick="searchClose()">），得改成<button onclick="searchClose(event)">，手动把事件对象传进函数里。

额外提醒 #

建议所有事件处理函数都显式声明event参数，别依赖浏览器的全局event特性——遵循标准的代码才能在各个浏览器里都跑顺畅～

内容的提问来源于stack exchange，提问作者user5481714