How to write a general event listener function by js

This article mainly introduces js how to write a general event listener function, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, let the editor take you to understand it.

Write a general event listener function const EventUtils = {/ / ability to use dom0 | | dom2 | | IE to bind events / / add events 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 }, / / remove event 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 }}, / / get the event target getTarget: function (event) {return event.target | | event.srcElement;}, / / get the reference to the event object, get all the information about the event, and ensure that you can use event getEvent: function (event) {return event | | window.event at any time. }, / / prevent events (mainly event bubbling, because IE does not support event capture) stopPropagation: function (event) {if (event.stopPropagation) {event.stopPropagation ();} else {event.cancelBubble = true;}}, / / cancel the default behavior of the event preventDefault: function (event) {if (event.preventDefault) {event.preventDefault () } else {event.returnValue = false;}}; Thank you for reading this article carefully. I hope the article "how to write a general event listener function for js" shared by the editor will be helpful to you. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!