WebAPI-js事件三要素，事件执行的步骤

事件概述

所谓事件就是可以被 JavaScript 侦测到的行为； 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

简单理解就是：在什么时候做什么事情（触发-响应）

事件的三要素

事件源

• 触发事件的元素（可以是个 button 按钮，a 标签等）

事件类型

• 事件的触发方式（例如：鼠标点击，键盘抬起，鼠标移动等）

事件处理程序（函数）

• 事件触发后要执行的代码；一般是函数形式

事件执行的步骤

获取事件源 —>> 注册事件（绑定事件）—>> 添加事件处理函数

示例：

<button id="btn">按钮</button>

<script>
	// 获取事件源
	var btn = document.querySelector('#btn')
	// 注册事件
	 btn.onclick = function () { // 添加事件处理函数
	 	alert('触发了事件！')
	 }
</script>