Dom 事件

捕获事件、目标事件、冒泡事件

        window.onload = function(){
            var oDiv = document.querySelector('.content');

            var oBox = document.querySelector('.box');
            /**
             * 监听对应事件，并且可以添加对应配置
             *
             * type 事件类型
             * listener ，执行事件后对应的回调函数
             * useCaputre  设置是否进行捕获
             */
            // target.addEventListener(type, listener ,{capture: Boolean, bubbling: Boolean, once: Boolean});
            oDiv.addEventListener('click',function(e){
                console.log(e.target);
            })
            事件触发顺序依次是捕获阶段，目标事件，冒泡事件
            oBox.addEventListener('click',function(e){
                console.log(e.currentTarget);
            },false)
            oBox.addEventListener('click',function(e){
                console.log(e.currentTarget);
            },true)
        }