1、兼容性

（1）语法（syntax）: addEventListener(type, handler, useCapture)

type:事件类型

handler:事件处理函数

useCapture:是否在捕获阶段触发

兼容支持：ie9 以上主流浏览器。

(2) 语法（syntax）:attachEvent("on" + type, hander )

type:事件类型

handler:事件处理函数

兼容支持：ie6-10。

2、初级封装

function  registerEvent(ele,type,handler){

        if(ele.addEventListener){

              ele.addEventListener(type,handler,false);

        }else if(ele.attachEvent){

              ele.attachEvent("on"+type,handler);

        }else{

              ele["on"+type]=handler;

        }

}

缺点：同一个页面里有多次注册事件，而每次调用都要判断一次浏览器的支持环境，浪费资源！

3、中级封装

function  createRegister(){

      if(window.addEventListener){

             return function(ele,type,handler){

                     ele.addEventListener(type,handler,false);

             }

       }else if(window.attachEvent){

             return function(ele,type,handler){

                    ele.attachEvent("on"+type,handler);

             }

        }else{

               return function(ele,type,handler){

                       ele["on"+type]=handler;

               }

       }

}

优点：调用craeteRegister函数，并不是在注册事件，而是获取一个当前浏览器支持的注册事件的方式    

 var  eventRegister  =  createRegister();

缺点：（1）.事件对象的获取，要处理；

           （2）. this的指向问题，也要处理。

3、高级封装

function  createRegister(){

         if(window.addEventListener){

                 return function(ele,type,handler){

                       ele.addEventListener(type,handler,false);

                 }

         }else if(window.attachEvent){

                return function(ele,type,handler){

                        ele.attachEvent("on"+type,function(){

//使用一个中间函数，这样子就可以自己控制调用了，call方法将this指向我们需要的ele.

                               handler.call(ele,window.event);

                        });

                }

         }else{

                 return function(ele,type,handler){

                       ele["on"+type]=handler;

                 }

          }

}

优点：（1）、使用我们封装好的eventRegister这个函数的时候，不再需要考虑浏览器的兼容性问题。

(2)、用一种统一的方式，就能够获取到事件对象，以及当前点击的元素对象。

总结：第一次写简书，好不习惯啊，求教怎么在上面写出开发者工具的代码，写的好了啊！奔溃！

谢谢，望大神指教！