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

您可以指定pointer-events: none放大的DIV不能指定pointer-events: none ，因為它不會捕獲鼠標事件，從而導致圖像上的鼠標離開。