<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反而不会冒泡,这是为什么??这不是反过来了吗???
mouseover会被冒泡触发,给外层绑定的时候,内层事件的冒泡就会触发外层的事件,但是mouseenter不会被冒泡触发,把它绑定在外层,虽然内层冒泡了,但是外层不会被触发。个人理解。