javascript - 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

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