js如何写一个通用的事件侦听器函数

这篇文章主要介绍了js如何写一个通用的事件侦听器函数，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

写一个通用的事件侦听器函数

const EventUtils = {  // 视能力分别使用dom0||dom2||IE方式 来绑定事件  // 添加事件  addEvent: function(element, type, handler) {    if (element.addEventListener) {      element.addEventListener(type, handler, false);    } else if (element.attachEvent) {      element.attachEvent("on" + type, handler);    } else {      element["on" + type] = handler;    }  },  // 移除事件  removeEvent: function(element, type, handler) {    if (element.removeEventListener) {      element.removeEventListener(type, handler, false);    } else if (element.detachEvent) {      element.detachEvent("on" + type, handler);    } else {      element["on" + type] = null;    }  },  // 获取事件目标  getTarget: function(event) {    return event.target || event.srcElement;  },  // 获取 event 对象的引用，取到事件的所有信息，确保随时能使用 event  getEvent: function(event) {    return event || window.event;  },  // 阻止事件（主要是事件冒泡，因为 IE 不支持事件捕获）  stopPropagation: function(event) {    if (event.stopPropagation) {      event.stopPropagation();    } else {      event.cancelBubble = true;    }  },  // 取消事件的默认行为  preventDefault: function(event) {    if (event.preventDefault) {      event.preventDefault();    } else {      event.returnValue = false;    }  }};

感谢你能够认真阅读完这篇文章，希望小编分享的"js如何写一个通用的事件侦听器函数"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!