jQuery mouseenter丢失焦点

我正在创建一个放大缩放，需要一个div来跟随鼠标指针。除了一个问题之外，所有这些都运行良好。我在主图像上使用mouseenter插入放大的div。这个放大的div然后被放置在鼠标所在的位置，这里的问题是鼠标然后失去了对主要img的聚焦，并且放大的div不见了，因为mouseenter似乎没有进行聚焦。jQuery 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。

任何帮助将不胜感激。

来源

2013-06-25 tdh108

有没有机会在jsfiddle中重现它？ –

您可以将事件添加到放大镜，并计算其位置，因为您知道您输入的位置。 – IdanHen

您可以指定pointer-events: none放大DIV，以便它不捕获鼠标事件，从而在图像上造成鼠标移动。

来源

2013-06-25 08:50:56 techfoobar

jQuery mouseenter丢失焦点

回答

相关问题