js

##事件
**1.事件的三要素**
    
    事件源  事件类型  时间处理函数
**2.添加时间(绑定时间)**

    HTML 事件监听器
        例:<div onclick='fn()'></div>
            //事件源
            let div=document.querySelector('div');
            //处理函数
            function fn(){
                    div.style.background='red';
                         }
    标准DOM0级时间监听器
        例:div.onclick=function(){
                            div.style.background='red';
                                  }
        只能绑定一个事件,多个的话后面的会覆盖前面的
    DOM2级事件监听器
        例:div.addEventListener('事件类型'function(){
                                            div.style.background='red'
                                                    });
**3.删除事件**

    删除标准DOM0级事件监听器
        div.onclick=null;
    删除DOM2级事件监听器
        div.removeEventListener('事件类型',fn);
        function fn(){
                console.log();
                     }
**4.事件流**:指的就是事件在页面中的传播顺序

**5.事件流的分类**

    冒泡型事件流   IE
    捕获型事件流   网景
    DOM事件流
    如果冒泡和捕获两者都存在,先捕获后冒泡
**6.DOM事件流周期**

    事件流捕获阶段
    目标触发阶段
    事件冒泡阶段


    

                        


    

    

posted @ 2018-06-02 14:01  雷雨承  阅读(131)  评论(0)    收藏  举报