Перерисовка DIV innerHTML приводит к тому, что элементы, которые были перенесены, возвращаются в нормальное состояние

Question

У меня есть контейнер DIV, который рисует список баров (все события «onmousemove» и «onmouseout» контейнера). Когда элемент наведен, он меняет изображения элемента и обратно, когда мышь отодвигается.

Теперь у меня есть зацикленный AJAX-запрос, который получает новую информацию для этого DIV-контейнера и перерисовывает innerHTML каждые 3 секунды, в результате чего любой элемент, на котором находится моя мышь, возвращается в свое нормальное состояние (без наведения) .

У кого-нибудь есть предложения как это исправить? Есть ли способ заставить мышь двигаться? Любая помощь будет принята с благодарностью.

Answer 1

Это хороший дизайн для опроса запроса AJAX каждые 3 секунды?

Почему бы вам не установить флаг, когда мышь находится над элементом и когда ответ подается в div, тогда проверьте флаг и покажите изменение изображения.

Edit:

Проверка

event.initMouseEvent

Инициализирует значение события мыши после его создания (обычно с использованием метода document.createEvent).

Это может быть полезно.

Answer 2

То, что вы пытаетесь выполнить, выполняется более эффективно с использованием псевдокласса hover вместо запуска JavaScript.