事件监听和事件分发

参考网站

https://www.cnblogs.com/sharpest/p/6337996.html

事件监听：直接点击相关dom触发相关函数

element.addEventListener(event, function, useCapture)，无返回

参数	描述
event	必须。字符串，指定事件名。 注意: 不要使用 "on" 前缀。 例如，使用 "click" ,而不是使用 "onclick"。  提示： 所有 HTML DOM 事件，可以查看我们完整的 HTML DOM Event 对象参考手册。
function	必须。指定要事件触发时执行的函数。  当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如， "click" 事件属于 MouseEvent(鼠标事件) 对象。
useCapture	可选。布尔值，指定事件是否在捕获或冒泡阶段执行。 可能值: true - 事件句柄在捕获阶段执行 false- false- 默认。事件句柄在冒泡阶段执行

element.removeEventListener(event, function, useCapture)，无返回

事件分发:用来触发某个元素下的某个事件,（事件委托）

target.dispatchEvent(event)

参数	描述
event	必须。字符串，指定Event对象。
target	必须。指定要事件的事件对象。

window.dispatchEvent(new Event('resize'))