两个相邻(或挨得很近)的div,div1绑定mouseout事件,触发时执行让div2消失.div2绑定mouseover事件,触发时让div2显示.当鼠标从div1中移出并马上移动到div2,div2会继续显示.如果按照逻辑鼠标从div1移出后div2会消失,同时也无法触发div2绑定的事件
<body>
<div class='a' style="width: 500px;height: 500px;background-color: white;border: 1px red solid"></div>
<div class='b' style="width: 50px;height: 50px; background-color: yellow; position:relative; top:2px;"></div>
<script type="text/javascript">
$('.a').on('mouseout',function(){
console.log('out',new Date().getTime());
$('.b').hide();
console.log('hide',new Date().getTime());
});
$('.b').on('mouseover',function(){
console.log('over',new Date().getTime());
$('.b').show();
console.log('show',new Date().getTime());
})
</script>