捕获阶段冒泡阶段

        // 3. 捕获阶段 如果addEventListener 第三个参数是 true 那么则处于捕获阶段  document -> html -> body -> father -> son

 var son = document.querySelector('.son');

        son.addEventListener('click', function() {

            alert('son');

        }, true);

        var father = document.querySelector('.father');

        father.addEventListener('click', function() {

            alert('father');

        }, true);

        // 4. 冒泡阶段 如果addEventListener 第三个参数是 false 或者 省略 那么则处于冒泡阶段  son -> father ->body -> html -> document

  var son = document.querySelector('.son');

        son.addEventListener('click', function() {

            alert('son');

        }, false);

        var father = document.querySelector('.father');

        father.addEventListener('click', function() {

            alert('father');

        }, false);

        document.addEventListener('click', function() {

            alert('document');

        })