JavaScript DOM

DOM事件类

DOM事件的级别：DOM标准定义 DOM0 element.οnclick=function(){

DOM1没有定义和事件相关的

DOM2 element.addEventListener('click', function(){}， false)

DOM3 element.addEventListener('click', function(){}, false)

 

DOM事件模型 ：冒泡和捕获

 

DOM事件流：浏览器与用户交互相应，鼠标点击，第一阶段是捕获，第二目标阶段，第三从目标元素在上升到window对象

 

DOM事件流的捕获具体流程： 1.window 2.document,

3.html 4.body 5.剩下就一级一级往下传

 

Event对象的常见应用：event.preventDefault() 阻止默认行为 

event.stopPropagaion() 阻止冒泡

event.stopImmediatePropagation()  用于事件相应优先级

事件代理，把子元素的事件绑定到父元素上：

event.currentTarget 当前所绑定的事件 

event.target  当前被点击的元素

 

自定义事件

var event= new Event('customet')

ev.addEventListener('customer', function(){

console.log('customer')})

ev.dispatchEvent(event) //