事件冒泡的疑问

Question

<div class="a">

  <div class="b">

      2222

      <div class="c">3333</div>

  </div>

</div>

  <script type="text/javascript">

        $('.a').on('click','.c',function(e){

            e.stopPropagation();

            alert('c');

        })

        $('.a').on('click',function(){

           alert('a')

        })

    

        $('.a').on('click','.b',function(){

          alert('b')

        })

</script>

利用事件委托，将所有的事件都冒泡到.a处理，但是，如果.c阻止了冒泡，事件无法冒泡到.a被处理，c怎么会被弹出？

Answer 1

c阻止了冒泡，所以a,b不会弹出，但是c本身是可以弹出的，没毛病啊。如果c没有阻止冒泡，则a,b,c都会弹出。