改变内容时，onmouseenter的行为类似onmousemove

Question

blueFairyAnimation.animate必须每隔150ms在animationContainer中移除并附加一个新图像以创建动画。问题是，当发生这种情况时，onmouseenter开始表现得像onmousemove。

animationContainerBlue.onmouseenter = function () {
    console.log('onmouseenter');
    blueFairyAnimation.animate(150, true);
};

这就是我改变animationContainerBlues内容的方式（targetElement是animationContainerBlues）：

    targetElement.innerHTML = '';
    targetElement.appendChild(element);

有一个实时example

编辑：我在div的左侧部分压缩了图像。当从无图像侧进入时没有问题，但是当我与div一起重叠变化的内容时，onmouseenter就会变得狂暴。