javascript - 如果 child 悬停在 mouseover 事件上的 jQuery 再次触发

Question

你可以在这里看到一个例子: http://jsfiddle.net/TuH95/5/

当您将鼠标悬停在 li 元素上时，将触发该事件。虽然仍在 li 元素中，但如果您将鼠标悬停在 span 上，它将再次触发，无论如何我可以让它在悬停在 span 上时只触发一次？

Answer 1

使用 mouseenter 事件可以解决问题。

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

Demo