原生js事件的添加和删除的封装_javascript技巧

原生js事件的添加和删除的封装_javascript技巧_

2014-07-02 09:38:12 [小大] 已经帮助：人解决问题

在IE浏览器中添加或删除事件用attachEvent、detachEvent。在其他标准浏览器中则用addEventListener、removeEventListener。下面的对事件的添加和删除做了封装。直接看代码吧！

/*** @description 事件绑定，兼容各浏览器* @param target* 事件触发对象* @param type* 事件* @param func* 事件处理函数*/function bind(target, type, func) {if (target.addEventListener) {// 非ie 和ie9target.addEventListener(type, func, false);} else if (target.attachEvent) { // ie6到ie8target.attachEvent("on" + type, func);} else {target["on" + type] = func; // ie5}}/*** @description 事件移除，兼容各浏览器* @param target* 事件触发对象* @param type* 事件* @param func* 事件处理函数*/function unbind(target, type, func) {if (target.removeEventListener) {target.removeEventListener(type, func, false);} else if (target.detachEvent) {target.detachEvent("on" + type, func);} else {target["on" + type] = null;}}

（责任编辑：）