事件的绑定和移除

1.

绑定：dom.带on的事件名称=事件处理函数；

解绑：dom.带on的事件名称=null

2.

绑定：dom.addEventListener(不带on的事件名称,事件处理函数,事件是冒泡还是捕获)；

解绑：dom.removeEventListener((不带on的事件名称,事件处理函数(绑定的有名函数))

3.ie8特有的属性

绑定：dom.attachEvent(带on的事件名称,事件处理函数)；

解绑：dom.detachEvent((带on的事件名称,事件处理函数(绑定的有名函数))

封装ie8的代码兼容性

绑定：

function addEvent(element, type, fn) {

        if (element.addEventListener) {

                element.addEventListener(type, fn,false);

        }else if (element.attachEvent) {

                element.attachEvent('on' + type, fn);

        }else {

            element['on' + type] = fn;

       }

}

解除绑定：

function removeEvent(element, type, fn) {

       if (element.removeEventListener) {

                element.removeEventListener(type, fn);

       }else if (element.detachEvent) {

                element.detachEvent('on' + type, fn);

       }else {

                element['on' + type] =null;

        }

}