jQuery的鼠标-鼠标保存和悬停事件之间的区别？

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中检查了上面的代码片段，但是这两个代码段的行为都是相同的。然而，我想确定一下，鼠标滑鼠和悬停事件之间有什么区别吗？

Answer 1

他们之间没有区别..。悬浮()方法在内部注册mouseenter和mouseleave处理程序。

悬停码

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

唯一的区别是，如果要使用事件委托，则不能使用.hover()

Answer 2

jQuery医生说：

调用$( selector ).hover( handlerIn，handlerOut )是以下的缩写： 1 $(选择器).mouseenter( handlerIn ).mouseleave( handlerOut )；

Answer 3

悬停使用mouseenter和mouseleave。

不同的是mouseover和mouseout。enter/leave不是本地事件，它们是over/out事件的子集。

如果您从父级迁移到子级，也会发生over/out事件；当您返回时，您将得到一个mouseout，以及一个mouseover。这对悬停是不好的，因为您希望悬停适用于元素，并且它是子元素。