关于mouseout和mouseover执行顺序的问题.

两个相邻(或挨得很近)的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>

图片描述

阅读 1.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题