当鼠标移至内部元素时丢失鼠标移动

Question

我有如下所示的示例。如何避免<div>鼠标结束内部<span>“失去鼠标悬停”？

<div id="box"> 
    ABC 
    <span style="font-size: 10px; font-weight: normal;">abc</span> 
</div> 

现场演示here。

Answer 1

使用jquery悬停代替mouseenter/mouseout例如

$('#box').hover(function(){ 
    //Enter code 
}, 
function(){ 
    //Exit code 
}); 

正如另一个用户提到的那样，您可以使用mousenter和鼠标离开的链接事件，例如，

$(selector).mouseenter(handlerIn).mouseleave(handlerOut); 

但是，悬停只是上述的简写。

Answer 2

切换到mouseenter & mouseleave; http://jsfiddle.net/alexk/PjhmC/3/

的mouseenter事件从鼠标悬停在不同它处理 事件冒泡的方式。如果鼠标悬停在此例子中所使用的，那么当 鼠标指针移动经过内部元件，该处理程序是 触发