为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

1 回复 有任何疑惑可以回复我~
#1

炊烟1 提问者

学了后面懂了,冒泡是被触发而非触发,thx~
2017-03-23 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信