[前端] 纯JS封装事件方法

这里是通过对象的方式，把事件给统一化，在开发的过程中方便调用。

button标签：

<button id="btn">按钮</button>

JS脚本（封装调用事件方法）：

<script>
    // 纯JS事件发射器  var eventEmitter = {

        // 增加事件  addEvent: function(ele,type,func){
            if(ele.addEventListener) {                             // 复合W3C标准的情况  ele.addEventListener(type,func,false);
            }else if(ele.attachEvent) {                            // 针对IE  ele.attachEvent('on'+type,func);
            }else {                                                // 针对更低版本  ele['on'+type] = func;
            }
        },

        // 删除事件  removeEvent: function(ele,type,func){
            if(ele.removeEventListener) {
                ele.removeEventListener(type,func,false);
            }else if(ele.detachEvent) {
                ele.detachEvent('on'+type,func);
            }else {
                ele['on'+type] = null;
            }
        }
    }

    // 示例  eventEmitter.addEvent(document.getElementById('btn'),'click',function(){
        alert(1);
    });
</script>

谢谢关注！