一直想写自己总结的东西,可是总是没有总结到东西,所以一进在看别人的总结,记录并加以修改。这篇文章是segmentFault上的,但没看到作者,如要看原文章,可以去segmengFault上去找找看

DOM级别与DOM事件

DOM级别 : DOM0 DOM1 DOM2 DOM3
DOM事件 : DOMO级事件 DOM2级事件 DOM3级事件

DOM0级事件

DOM0级事件就是把一个函数赋值给一个事件处理属性,无法绑定多个处理函数。
var btn = document.getElementById(‘btn’);
btn.onclick = function(){
alert(1)
}
btn.onclick = null;//解绑事件

DOM2级事件

btn.addEventListener(‘click’,showFn,false);
bnt.addEventListener(‘mouseover’,showFn,false);
btn.removeEventListener(‘click’,showFn,false);
IE8及以要用以下方法:IE8及以下不支持泡泡事件
btn.attachEvent(‘click’,showFn);
btn.detachEvent(‘click’,showFn);

DOM3级事件 在DOM2级事件的基础下加了更多的事件类型

UI事件:load scroll
焦点事件:blur focus
鼠标事件:dbclick mouseup
滚轮事件:mousewheel
文件事件:
键盘事件:
变动事件:

DOM事件流

addEventListener
true 在捕获阶段执行
false 在泡泡阶段执行
阻止泡泡事件

child.addEventListener(‘click’,function(e){
alert(1);
e.shopPropagation();
},false);