JS的事件事件绑定的通用函数（含事件代理的处理）

事件事件绑定的通用函数（含事件代理的处理）"/>

JS的事件事件绑定的通用函数（含事件代理的处理）

最简单的事件绑定的通用函数

	// 通用事件绑定函数function bindEvent(elem,type,fn) {elem.addEventListener(type,fn)}const div1 = document.getElementById("div1")bindEvent(div1,'click',event => {console.log("点击")console.log(event.target)})

但是事情的考虑往往不仅仅这些（还要考虑事件代理）
事件代理
事件代理也叫事件委托，是利用了事件的冒泡机制，来处理有很多子元素需要绑定事件的一种解决方式
这个时候我们没必要为所有的子元素绑定事件，只要为这些子元素的父元素绑定一个统一的事件，再利用事件的冒泡机制就可以解决了。

function bindEvent(elem,type,select,fn) {// 判断是否使用事件代理if (fn == null) {fn = selectselect = null}elem.addEventListener(type,event => {const target = event.targetif (select) {if (target.matches(select)) {fn.call(target,event)}} else {fn.call(target, event)}})}

阻止事件冒泡，阻止事件的默认行为

preventDefault()   // 阻止默认行为
stoppropation()    // 阻止冒泡行为