学到事件，我们才开始与浏览器有一些交互，所以学起来也是非常有意思的
一、事件三要素
事件是有三部分组成的：事件源，事件类型，事件处理程序
下面我们做一个通过点击按钮，弹出对话框的小程序：
代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button id="box">今天几号</button>
<script>
//点击按钮弹出对话框
//（1）事件源
var boxs = document.getElementById('box');//＃用于id选择器
//（2）事件类型
//（3）事件处理程序
boxs.onclick = function() {
alert('2022年三月三日');
}
</script>
</body>
</html>
实现效果：
在这个示例中我们的事件三要素都是什么呢？
（1）事件源，事件被触发的对象 谁：按钮
（2）事件类型，如何触发，什么事件，比如鼠标点击(onclick)还是鼠标经过等待
（3）事件处理程序 通过一个函数赋值的方式完成
二、事件执行过程
执行事件的顺序：
（1）获取事件源
（2）注册事件（绑定事件）
（3）添加事件处理程序（采取函数赋值形式）
那常见的鼠标事件有哪些呢？
| 鼠标事件 | 触发条件 |
|---|---|
| onclick | 鼠标点击左键触发 |
| onmouseover | 鼠标经过触发 |
| onmouseout | 鼠标离开触发 |
875
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
