几类事件(用函数触发执行)

1·键盘事件

        .onkeydown   --- 键盘被按下               .onkeyup --- 键盘抬起 

        .onkeypress  ---  按键输入完成 

        触发顺序：onkeydown   onkeypress   onkeyup;

2·HTML事件

       文档就绪函数           window.onload = function(){} ；

       .onselect      .onchnage        .onfocus       

       window.onunload = function(){}; --- 作应用缓存清理

       window.onresize = function(e){   -----  窗口大小发生变化时候触发

              e.target.outerWidth ;  ----     获取屏幕宽度

              e.taget.outerHeight;   ----    获取屏幕高度

       };

        window.onscroll = function(){};   --  窗口发生滚动

3·DOM0和DOM2

         DOM0 : 如果给同一个元素添加多个同类型点击事件，最后添加的事件会覆盖之前的

         添加事件的方式：

         1·内联模型（行内绑定）

         2·脚本模型（动态绑定）

         DOM2 : 可以给同一个元素添加多个同类型事件

         1· addEventListener     ----   W3C

                参数1：用来指定事件类型               W3C没有on前缀

                参数2：用来指定事件处理函数

                参数3：用来指定事件模型（事件冒泡和事件捕获）

                          false  ---  事件冒泡    事件从子元素流向父元素   默认

                          true   --- 事件捕获      事件从父元素流向字元素

         2.attachEvent   ----         IE

               参数1：用来指定事件类型                   IE 有前缀on

               参数2：用来指定事件处理函数

4·取消默认事件

             .preventDefault（）；

5·清除监听事件

             .removeEventListener(”事件类型 “，事件函数名)   --         W3C

             .detachEvent （”事件类型“ ， 事件函数名）      --                   IE

            只有事件函数为外部函数时候，添加的事件才能被移除

            当以外部函数的形式给同一个元素添加多个同类事件时候，只会保留一个

            当以内部函数的形式给同一个元素添加多个同类事件时候，会全部保留