Dom事件类

事件级别

DOM0 element.onclick=function(){}

DOM2 element.addEventListener('click', function(){}, false)    //冒泡false和捕获true 

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

事件流

document.document.element =html

window.addEventListener('click', function (e) {            
    console.log('window captrue');

}, true);   

 document.addEventListener('click', function (e) {            
     console.log('document captrue');

}, true);   

document.documentElement.addEventListener('click', function (e) {           
     console.log('html captrue');

}, true);    
  
  document.body.addEventListener('click', function (e) {           
       console.log('body captrue');
}, true);

ev.addEventListener('click', function (e) {            
    console.log('ev captrue');
}, true);

Event对象的常见应用

event. preventDefault()    // 阻止默认事件(a标签)
event. stopPropagation()    // 阻止冒泡
event. stoplmmediatePropagation()    //绑定两个事件触发A事件阻止B事件发生
event. currentTarget        //返回绑定事件的元素（父元素）
event. target                    //返回触发事件的元素

自定义事件