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位于鼠标位置时，它只是鼠标中心不会保持活动状态。

非常感谢任何帮助。

Answer 1

您可以为放大DIV指定pointer-events: none，因为它不会捕获鼠标事件，从而导致图像上的鼠标留下。