javascript - onMouseover 在 Firefox 中不起作用

Question

我正在使用 onmouseover，它可以在我的标准浏览器中运行，但在 Firefox 中似乎不起作用。我尝试使用 jQuery 重新创建它，但它仍然没有用。

我怎样才能让它与 Firefox 兼容？

if (img_default.style.overflow != 'visible') {
    div.onmouseenter = function() {
      mouseOver(event)
    };
} else {
    el.style.display = "none";
}

function mouseOver(event) {
    if (img_default.style.overflow === 'visible') {
        el.style.display = "none";
    } else {
        el.style.display = "inline-block";
        var posX = event.offsetX ? (event.offsetX) : event.pageX - div.offsetLeft;
        var posY = event.offsetY ? (event.offsetY) : event.pageY - div.offsetTop;
        zoom.style.backgroundPosition = (-posX * 1) + "px " + (-posY * 1) + "px";
    }
}

Here是整个 JSFiddle。

Answer 1

您的问题很可能是因为您丢失了 event 对象。事实上，我有点惊讶它能够在其他人身上发挥作用。

而不是这样:

div.onmouseenter = function() {
  mouseOver(event)
};

你需要这个:

div.onmouseenter = function(event) {
  mouseOver(event)
};

(注意添加的事件)。或者更好的是，就这样:

div.onmouseenter = mouseOver;

因为它已经是一个函数，所以不需要包装它们。或者，更好的是，避免使用 onmouseenter 并使用 addEventListener():

div.addEventListener('mouseenter', mouseOver);