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

来源:2-5 jQuery鼠标事件之mouseenter与mouseleave事件

炊烟1

2017-03-23 15:19

   <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回答

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

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

    炊烟1

    学了后面懂了,冒泡是被触发而非触发,thx~

    2017-03-23 16:48:28

    共 1 条回复 >

jQuery基础(三)—事件篇

jQuery第三阶段开启事件修炼,掌握对页面进行交互的操作

89997 学习 · 625 问题

查看课程

相似问题