Div препятствует функции onmousemove - JavaScript

Question

Я пытаюсь создать приложение лупы в JavaScript. Поэтому, когда я наводю курсор мыши на изображение, часть этого изображения отображается в углу, а на существующем изображении отображается div, показывающий, какую область я увеличиваю. Посмотрите, о чем я говорю по этой ссылке. К сожалению, этот div мешает моей функции onmousemove, которая обновляет координаты моего увеличенного изображения, и поэтому я получаю запаздывающий ответ...

Есть ли решение этой проблемы? Если кто-то хочет увидеть код, просто дайте мне знать...

Answer 1

Дайте препятствующему div этот CSS:

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 как только это будет завершено один раз.