基本概念:DOM事件级别
//级别:DOM0
//IE浏览器onclick事件失效的处理方式:element.body.onclick
element.onclick=function(){
console.log("onclick")
}
//级别:DOM2
element.addEventListener('click',function(){},false)
//级别:DOM2
element.addEventListener('keyup',function(){},false)
DOM事件模型(捕获、冒泡)
DOM事件流
描述DOM事件的捕获具体流程(冒泡方向相反)
windows–>document–>html(document.documentElement)–>body–>…–>目标元素
Event常见应用
event.preventDefault()//阻止默认事件
event.stopPropagation()//阻止冒泡事件
event.stoplmmediatePropagation()//在a响应事件中添加可阻止b事件响应
event.currentTarget()//当前绑定的,多个dom绑定同一个事件
event.target()
自定义事件
var eve = new Event('custome')
ev.addEventListener('custome',function(){})
ev.dispatchEvent(eve)
除了Event还有CustomEvent