Javascript 使用Chrome时未触发mouseleve/Mouseout

正如主题所述，我遇到了一个问题，即使用Chrome时未触发Mouseleave/Mouseout事件。如果鼠标当前所在的div元素在其下方设置了动画，而不移动鼠标本身，则会发生这种情况。即使伪类：hover也不会被删除。有趣的事实：这在使用Firefox时效果很好。。怎么了

这是请求的文件

有人经历过这种情况，并且可能有解决办法吗

提前谢谢

干杯，

---

Jan

“下面和远处的动画”-我只能开始解释。用代码更新你的答案好的，我会的，谢谢你的提示！我正在使用Chrome38 for linux，而您的JSFIDLE示例似乎与我预期的一样工作（除非我误解了您的问题描述，这是可能的）。编辑：哦，我现在明白问题了。那么伍德罗，你认为这是一个Chrome特有的bug吗？

/*
    NOTE: DO NOT move the cursor after you have clicked the "animated" div and the 
    "mouseleave / mouseout" as well as the ":hover" pseudo class is not removed. That is, if you use Chrome as 
    a webbrowser...     
*/
var animated = $('.animated');

animated.on('mouseenter mouseover', null, null, function(e) {  
    $(this).html('mouseenter');
});

animated.on('mouseleave mouseout', null, null, function(e) {    
    $(this).html('mouseleave');
});

animated.on('click', null, null, function(e) {    
    $(this).animate({ 'margin-left': '20.0rem'}, { duration: 1000} ); 
});