1、描述DOM事件捕获的具体流程:
window——document——html——body——。。。——目标元素
2、event对象的常见应用
event.preventDefault() 阻止默认事件,如阻止a标签跳转
event.stopPropagation() 阻止冒泡
event.stopImmediatePropagation()
event.currentTarget 和 event.target
例如一个for循环,给一个DOM注册了N多个事件,问怎么可以优化?就可以通过事件代理,把子元素的事件代理都转移到父元素上,绑定一次事件就可以,当做响应时,然而在响应时,就要区分当前是哪个元素被点击,这时候就需要用event.target。target就表示当前被点击的元素。currentTarget指当前被绑定的事件,即被绑定事件的父级元素。
3、自定义事件
var eve=new Event('custome')
ev.addEventListener("custome",function{
console.log("custome")
})
ev.dispatchEvent(eve)