·绑定事件
·事件流程
捕获: 事件从最顶层元素开始执行,一层一层往下,直到最精确的元素。
冒泡: 事件从最精确的元素开始执行,一层一层往上,直到最顶层元素。
·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");
})