原生js为元素绑定事件

一、js为元素绑定事件方法(以点击事件为例)

1.    element.onclick = function(){}

2.    element.addEventListener("click",function(){},false);

3.    element.attachEvent("onclick",function(){});

说明：

        方法一，缺点在于如果对同一个元素定义了多个点击事件，那么最后一个点击事件会覆盖掉前面的所有点击事件；

        方法二，在IE8中不支持；

        方法三，IE8支持，但是在谷歌和火狐中不支持。

兼容性代码：

/**
 * @param {*} element 需要绑定事件的元素
 * @param {*} type    需要为元素绑定的事件类型
 * @param {*} fu      需要为元素绑定的事件
 */
function addEventListener(element,type,fu){
    if(element.addEventListener){
        element.addEventListener(type,fu,false);
    }else if(element.attachEvent){
        element.attachEvent("on"+type,fu);
    }else{
        element["on"+type] = fu;
    }
}