Javascript 如果将子对象悬停在鼠标上方，mouseover事件上的jQuery将再次激发

您可以在此处看到一个示例：

---

当您将鼠标悬停在li元素上时，将触发事件。当仍在li元素中时，如果您将鼠标悬停在span上，它将再次启动，无论如何，我只能在将鼠标悬停在span上时使其启动一次？

使用

mouseenter

事件来解决此问题

var i = 0;
$('.container').on('mouseenter', function(){
    i++;
    $('.result').html(i);
})

---

使用将解决问题的

mouseenter

事件

var i = 0;
$('.container').on('mouseenter', function(){
    i++;
    $('.result').html(i);
})

---

改用

鼠标指针事件：

var i = 0;
$('.container').on('mouseenter', function() {
    i++;
    $('.result').html(i);
})

请改用
鼠标指针事件：

var i = 0;
$('.container').on('mouseenter', function() {
    i++;
    $('.result').html(i);
})

根据建议，可以使用鼠标指针。但是，我相信，只要修改选择器使其显示为$（“.container span”）也可以，正如建议的那样，可以使用mouseenter。但是只要修改选择器，使其显示为$（“.container span”）也可以，我相信根据ff和chrome，mouseenter或mouseleave不起作用（即使它目前在ff中对我起作用），您知道它的兼容性吗？@Adam:jQuery替换了缺失的功能，顺便问一下。根据ff和chrome的说法，mouseenter或mouseleave不适用（尽管它目前在ff中对我有效）你知道它的兼容性吗？@Adam:jQuery会替换掉缺失的功能。