3.DOM事件

1.dom事件类

    事件的级别

    DOM0     element.onclick=function(){};

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

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

2.事件模型

    捕获阶段

window -->documetn-->html-->body-->parentElement...-->element


3.DOM事件_第1张图片

    冒泡阶段

element-->parentEvent...-->body-->html-->document-->window


3.DOM事件_第2张图片


3.DOM事件_第3张图片

3.Event对象的常见应用

    event.preventDefult();  阻止默认事件

    event.stopPropagation();阻止冒泡

    event.stoplmmediateProgatation();  阻止 下一个连锁的事件

    event.currentTarget   事件代理 用到

    event.target  当前被点击的元素

4.自定义事件

        var eve = new Event('custom');

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

        });

        ev.dispathEvent(eve);

你可能感兴趣的:(3.DOM事件)