addEventListener与onclick

1.事件个数

addEventListener:可以给元素绑定多个事件，执行顺序是从上至下

元素.addEventListener(type，执行方法）

onclick只能给通一个元素绑定一个事件，无论绑定多少个，知会执行最后绑定的那个

元素.onclick = 方法

document.getElementById("app").addEventListener("click", myFunction);
document.getElementById("root").onclick = myFunction;

2.移除事件

addEventListener 移除事件的时候，可以用removeEventListener函数

onclick,指定的null即可

document.getElementById("app").addEventListener("mousemove", myMethod);

// 移除
document.getElementById("app").removeEventListener("mousemove", myMethod);

//当myMethod写成 匿名方法的时候，removeEventListener不能使用
document.getElementById("myDIV").addEventListener("mousemove", function() {});

//onClick移除方法
document.getElementById("root").onclick = null

3.addEventListener可以控制listener的触发阶段, addEventListener(type, function, false)在冒泡阶段触发，不写默认也是false；为true的时候是在捕获阶段触发