事件的绑定和移除

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;

        }

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容