Javascript 更改内容时,OnMouseCenter的行为类似于onmousemove

Javascript 更改内容时,OnMouseCenter的行为类似于onmousemove,javascript,Javascript,blueFairyAnimation.animate基本上每隔150毫秒在animationContainer中删除并附加一个新图像以创建动画。问题是,当这种情况发生时,onMouseCenter开始像onmousemove一样工作 animationContainerBlue.onmouseenter = function () { console.log('onmouseenter'); blueFairyAnimation.animate(150, true); }; 这

blueFairyAnimation.animate基本上每隔150毫秒在animationContainer中删除并附加一个新图像以创建动画。问题是,当这种情况发生时,onMouseCenter开始像onmousemove一样工作

animationContainerBlue.onmouseenter = function () {
    console.log('onmouseenter');
    blueFairyAnimation.animate(150, true);
};
这就是我更改animationContainerBlues内容的方式(targetElement是animationContainerBlues):

有一个现场直播

编辑:我挤压了div左侧的图像。当从无图像侧输入时没有问题,但是当我将更改的内容与div重叠时,onmouseenter会变得疯狂

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