jQuery mouseenter 失去焦点

Question

我正在创建一个放大缩放，需要一个 div 来跟随鼠标指针。除了一个问题外，所有这些都运行良好。我在主图像上使用 mouseenter 来插入放大的 div。这个放大的 div 然后定位到鼠标所在的位置，这里的问题是鼠标然后失去对主 img 的焦点，放大的 div 消失了，因为 mouseenter 似乎没有继续聚焦。

$('.featuredProdImg').mouseenter(function() {
  for (var i = 0; i < 1; i++) {
    var img = $(this);
    //magnifying div gets added
  }
  $(img).mousemove(function() {
    //get mouse coordinates and position magnified div here
  });
});

我的放大倍数和其他一切都工作正常，只是当放大的 div 位于鼠标所在的位置时，mouseenter 没有保持活动状态。

任何帮助将不胜感激。

Answer 1

您可以为您的放大 DIV 指定 pointer-events: none，使其不捕获鼠标事件，从而导致图像上的鼠标离开。