JS点击事件在Firefox中失效，Chrome、IE可正常运行求助

我来帮你排查下问题所在，这段代码在Firefox里失效主要有几个关键原因，咱们一步步修正：

问题分析 #

1. 未传入事件参数：Firefox中event不是全局对象，你的点击处理函数里直接用event.preventDefault()会抛出错误，导致后续代码完全不执行。
2. 冗余的DOM就绪嵌套：jQuery(function($) { ... })本身就等同于$(document).ready()，没必要再嵌套一层，虽然这不会直接导致失效，但属于不必要的代码冗余。
3. 不可靠的函数调用方式：用window.location.href = 'javascript:gaOptout()'这种方式在Firefox中可能被安全策略限制，直接调用函数是更稳妥的做法。

修正后的代码 #

JavaScript部分 #

jQuery(function($) {
  $(".disableGA").on("click", function(event) { // 传入event参数
    event.preventDefault();
    alert("Google Analytics was disabled");
    gaOptout(); // 直接调用函数，替代javascript:协议方式
  });
});

HTML部分 #

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="disableGA" href="#">Disable Google Analytics</a> <!-- 给a标签加上href="#"，避免默认跳转行为的潜在问题 -->

关键修改说明 #

• 传入event参数：在点击处理函数的参数里添加event，确保event.preventDefault()能在所有浏览器中正常工作，阻止a标签的默认跳转行为。
• 移除嵌套的ready函数：简化代码结构，让逻辑更清晰。
• 直接调用gaOptout()：放弃javascript:协议的调用方式，直接执行函数，避免浏览器安全限制导致的函数不执行。
• 给a标签添加href="#"：虽然我们用了preventDefault()，但给a标签加上合法的href属性能让它在视觉上更像可点击的链接，同时避免一些浏览器的默认行为干扰。

这样修改后，代码应该能在Chrome、IE和Firefox中都正常工作了。

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