Javascript添加事件的方式

Javascript添加事件主要有三种方式：

一、直接在DOM结点上写onclick=”fn()”

这样写的话耦合性强，js函数与对应的DOM结点被强关联起来了，要重用的话也不好重用，改动的话更是崩溃，要找到对应的DOM结点。

二、在Javascript代码中使用DOM.onclick=function(){}的方式添加事件

解决了耦合性问题，但是这种方式只能对一个DOM添加一个事件，如果一个DOM结点对应多个事件的话就没有办法了。

三、在Javascript代码中使用DOM.addEvent()添加事件

这种方式灵活，既解决了耦合性问题，还可以添加多个事件，但代码稍微复杂，不过还是推荐这种方法

function addEvent(obj,type,handle){
        if(obj.attachEvent){
            obj.attachEvent(‘on’ + type,handle);
        }else if(obj.addEventListener){
            obj.addEventListener(type,handle,false);
        }else{
            obj[‘on’ + type] = handle;
        }
}