js事件绑定的方法

1 在标签中直接绑定事件，语法为： onXXX="funcname"。
2、 在JavaScript代码中绑定语法为：
        elementObject.onXXX=function(){
            // 事件处理代码
        }
        其中：
        elementObject 为DOM对象，即DOM元素。
        onXXX 为事件名称。

3、绑定事件监听函数

addEventListener()是标准的绑定事件监听函数的方法，是W3C所支持的，Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数；

但是，IE8.0及其以下版本不支持该方法，它使用attachEvent()来绑定事件监听函数。所以，这种绑定事件的方法必须要处理浏览器兼容问题。

P.S.:在Chrome等中，对应的函数是addEventListener 使用捕获;

attachEvent方法使用冒泡方法

下面绑定事件的代码，进行了兼容性处理，能够被所有浏览器支持：
function addEvent(obj,type,handle){
    try{  // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本
        obj.addEventListener(type,handle,false);
    }catch(e){
        try{  // IE8.0及其以下版本
            obj.attachEvent('on' + type,handle);
        }catch(e){  // 早期浏览器
            obj['on' + type] = handle;
        }
    }
}