var box1 = document.getElementById("box1");
var box2 = document.getElementById("box2");
var box3 = document.getElementById("box3");
var box4 = document.getElementById("box4");


// W3C规定的(万维网联盟)
//DOM事件流：事件捕获阶段 目标阶段 事件冒泡阶段
// 先捕获 后冒泡
// 事件捕获
box1.addEventListener('click',function(){
    console.log(this,'box1');
},true)

box2.addEventListener('click',function(){
    console.log(this,'box2');
},true)


// 事件冒泡
box3.addEventListener('click',function(){
    console.log(this,'box3');
},false)

box4.addEventListener('click',function(){
    console.log(this,'box4');
},false)

// removeEventListener（参数1，参数2，参数3）