鼠标中心在光标重新输入时取消mouseleave

Question

在这个例子中，如果我快速移入鼠标，输入，输出，鼠标移动事件仍会发射两次

http://jsfiddle.net/4bsLm/1/

如果将光标移回？

，如何使fadeOut事件停止触发？

$(document).on("mouseenter","div",function() { $(this).find("span").fadeIn(400);}).on("mouseleave","div",function() {$(this).find("span").delay(700).fadeOut(400);});

（注意.on是必需的）

Answer 1

使用stop()方法停止当前播放的任何动画。

JSFiddle

$(document).on("mouseenter", "div", function () {
    $(this).find("span").stop().fadeIn(400);
}).on("mouseleave", "div", function () {
    $(this).find("span").stop().delay(700).fadeOut(400);
});