如果child被悬停在mouseover上，jQuery on mouseover事件将再次触发

jQuery on mouseover event fires again if child is hovered over

本文关键字：mouseover 事件 on child 悬停 如果 jQuery      更新时间：2023-09-26

您可以在这里看到一个示例：http://jsfiddle.net/TuH95/5/

当您将鼠标悬停在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);
})

http://jsfiddle.net/minitech/TuH95/6/

相关文章：