问答详情
源自:2-5 jQuery鼠标事件之mouseenter与mouseleave事件

在p上绑定mouseenter,div上绑定mouseover,为什么结果鼠标进入p时,div也会算次数??

   <script type="text/javascript">

       var i=0;

       var n=0;

       $('.aaron1 p').mouseenter(function(){

           $('.aaron1 a:first').html('mouseover事件触发次数:' + (++i))

       })

       

       $('.aaron1').mouseover(function(){

           $('.aaron1 a:last').html('mouseover冒泡事件触发次数:' + (++n))

       })

   

   </script>

如题,p上绑定的是mouseenter事件,结果运行的时候鼠标进入p也会冒泡,给div增加次数;

但是反过来p上绑定mouseover,div上绑定mouseenter的话,鼠标进入p反而不会冒泡,这是为什么??这不是反过来了吗???

提问者:炊烟1 2017-03-23 15:19

个回答

  • qq_TO世界尽头_03751774
    2017-03-23 16:39:26
    已采纳

    mouseover会被冒泡触发,给外层绑定的时候,内层事件的冒泡就会触发外层的事件,但是mouseenter不会被冒泡触发,把它绑定在外层,虽然内层冒泡了,但是外层不会被触发。个人理解。