【前端学习】JavaScript绑定事件和移除绑定

·绑定事件

·事件流程

捕获: 事件从最顶层元素开始执行，一层一层往下，直到最精确的元素。
冒泡: 事件从最精确的元素开始执行，一层一层往上，直到最顶层元素。

·Dom0级绑定

box.onclick = function() {
	console.log("DOM0");
}

·Dom2级绑定

dom.addEventListener(type, fn, boolean)
type: 事件类型 ,不带“on” 比如： click, mousedown, mouseup
fn: 要执行的函数
boolean: 决定绑定的事件是在捕获还是冒泡阶段，默认是false, 表示绑定到冒泡阶段，如果是true表示绑定到捕获阶段。

box.addEventListener("click", function() {
	console.log("DOM2 冒泡");
}, false)
	
box.addEventListener("click", function() {
	console.log("DOM2 捕获");
}, true)

·IE中的高级绑定方式

事件带“on”，比如onclick
没有第三个参数，不支持绑定到捕获阶段

box.attachEvent("onclick", function() {
	console.log("IE");
})