JavaScript onClick 在 Firefox 中不起作用

Question

当用户点击此链接时，我会打开一个确认弹出窗口:

<a onClick="openPopup('#popup1')">foo</a>

这里是相关的 JavaScript:

function openPopup(id) {

   $(id).show();
   event.preventDefault();
   $(id).addClass('is-visible');
   $(id).css("z-index", "999999999999999999999999");

}

在 Safari 和 Chrome 中它工作正常。然而，在 Firefox 中，触发器似乎不起作用。任何想法为什么？

我已经尝试过像这样更改链接:

 <a href="javascript:openPopup('#popup1');">foo</a>

虽然没有变化。感谢您的帮助!

Answer 1

In Firefox, however, the trigger does not seem to work. Any ideas why?

Firefox 不会使事件对象成为全局对象。您必须将它传递给事件处理程序，例如

onClick="openPopup('#popup1', event)"

由于您使用的是 jQuery，因此您应该将处理程序与 jQuery 绑定(bind)，以便您也可以使用 jQuery 的增强事件对象。