离开每个li标签时运行一个函数但是在ul标签中定义了鼠标输出

我有一个具有onmouseoutfunction的ul标签。 ul包含4个li元素。 我希望在离开ul时调用一个函数，但是当我从一个li转到另一个li时会调用它。 我的错误在哪里？

我的清单是：

 
 
111
 
222
 
333
 
444
  

Answer 1

在ul上处理onmouseout有点棘手，是的。 你需要处理事件冒泡，因为onmouseout可以触发a或li并传播回ul 。 因此，即使您要离开子元素 – 除非明确阻止传播，否则将触发ul事件。

既然你有jQuery标签，我可以建议这个简洁明了的方法：

演示

HTML：

 
 
111
 
222
 
333
 
444
  

JS：

 $("#settings").mouseleave(function() { // Better to debug with console.log() // alert(20); console.log(20); });