addEventlistener 和 removeEventListener

element.addEventListener(type, hanlder, false/true)

参数解析：
type - 事件类型，例如：click、mousemove、mousedown，通过addEventListener绑定的事件不要加上 “on” 前缀
handler - 事件触发时执行的函数，可以使用 匿名函数、箭头函数、普通函数等，hanlder 函数的第一个参数就是 所点击的 事件对象el，如果该事件后续可能需要移除，则必须有一个函数名
false/true - 冒泡/捕获，不赋值addEventListener第三个参数默认为冒泡

• 冒泡：元素间是存在嵌套关系的，举例：div 元素内嵌套 p 元素，当我们点击 p 元素时，因为 p 元素嵌套在 div 元素内，因此，我们点击的操作实际上会导致两个元素的监听事件都触发，而我们将从 p 到 div 的触发方式称为冒泡
• 捕获：从 div 到 p 的触发方式称为捕获

element.removeEventListener(type, hanlder, false/true)

element：必须与addEventListener所绑定的元素一致，“谁绑定，谁移除”
参数解析：
type - 事件类型，写法同上，需要移除哪个类型写哪个类型，例如：click、mousemove、mousedown
handler - addEventListener 绑定时的hanlder函数名称
false/true - 同上