Div阻碍onmousemove功能 - JavaScript

Question

我试图在javascript中创建放大镜应用程序。 因此，当我将鼠标悬停在图像上时，该图像的一部分会显示在一个角落中，而在现有图像上会显示一个div，显示我放大的区域。看看我在this link上谈论的内容。 不幸的是，那个div阻碍了我的onmousemove功能更新我的放大图像的坐标，所以我得到了一个迟滞的响应......

这个问题有解决办法吗？如果有人想看代码，请告诉我......

Answer 1

给这个CSS阻碍div：

position: absolute;
top: 0;
left: 0;
z-index: 9999;

将这些属性提供给.info-cd。

Answer 2

您的问题是ajax对mouseover的呼叫，它会不断发送请求。打开您的页面并在您的控制台中尝试此操作，您将看到它不再滞后：

document.getElementsByTagName('img')[0].onmouseover = function(){return false}
readData();

你仍然有一个闪烁的问题，但它不应该难以解决。

至于你的ajax请求，也许在加载时调用它会更安全，或者至少在onmouseover完成一次后将其删除。