javascript - jQuery 的 mouseenter-mouseleave 与悬停事件之间的区别？

Question

下面的代码片段有什么区别吗？

片段 1:

$("textarea").mouseenter(function() {
    alert("Hello mouseenter!");
});

$("textarea").mouseleave(function() {
    alert("Hello mouseleave!");
});

片段 2:

$("textarea").hover(function() {
    alert("Hello mouseenter!");
}, function() {
    alert("Hello mouseleave!");
});

我已经在 Chrome 和 Firefox 中检查了上面的代码片段，但是这两个片段的行为相同。但是，我想确定一下，mouseenter-mouseleave 和 hover 事件之间有什么区别吗？

Answer 1

它们之间没有区别... hover() 方法在内部注册了 mouseenter 和 mouseleave 处理程序...

悬停 - 代码

hover: function( fnOver, fnOut ) {
    return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
}

唯一的区别是如果你想使用事件委托(delegate)，在那种情况下你不能使用 .hover()