一、DOM事件的级别
DOM0: element.oncilck = function(){}
DOM2: element.addEventListener(‘click’, function(){}, false)
DOM3: element.addEventListener(‘keyup’, function(){}, false)
二、DOM事件模型:捕获和冒泡
捕获:是事件从window对象开始,沿着dom树逐层向下传播到最具体的元素
冒泡:是事件从最具体的元素逐层向上传播至window对象
三、DOM事件流:
分为三个部分:事件的捕获,具体元素接受事件,事件的冒泡
四、EVENT对象的常见应用:
event.preventDefault() 阻止默认行为
event.stopPropagation() 阻止冒泡
event.stoplmmediatePropagation() 事件响应优先级
event.currentTarget 当前被点击的元素IE不支持
event.target 当前绑定的事件
自定义事件(进阶)
var body = document.body
var eve = new Event('test')
body.addEventListener('test', function(){}, false)
body.dispatchEvent('eve')
获取html节点:document.documentElement