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丟失焦點

回答

相關問題