上一节我们学习了JS中的this关键字，本节我们将学习JS中的事件系统。在JS中，什么是事件呢？简单来说，事件是发生在 HTML 元素上的"事情"，比如我们浏览网站时都会有一个向上的小箭头，这个小箭头叫做“返回顶部”，当我们点击这个小箭头时页面会快速上滚，回到顶部，这就是一个很典型的点击事件。
在JS里，事件可以是用户行为，也可以是浏览器行为。比如用户点击某个按钮，按下键盘或移动光标就属于是用户行为；比如页面加载和资源加载等就属于浏览器行为。
当我们点击一个按钮时，会出现一个“Hello JS!”的弹窗，这就是一个点击事件。下面我们通过代码来演示一下：（读者不会代码也没关系，后续我们会详细介绍Web API中的DOM操作的）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
button {
display: block;
margin: 300px auto;
background-color: greenyellow;
width: 100px;
height: 70px;
}
</style>
</head>
<body>
<button>按钮</button>
</body>
<script>
/*基本三步走：选择标签->增加事件监听'click'->填充事件执行函数*/
document.querySelector('button').addEventListener('click',function (){
alert('Hello JS!')
})
</script>
</html>通过点击“按钮”，进行弹窗，看到“Hello JS!”，这就是一个点击事件！
JS事件能使网页响应用户交互，实现动态行为而无需刷新页面，从而创建更加流畅和直观的用户体验。通过事件处理，开发者可以构建交互式界面，实时验证用户输入，并提供即时反馈，大大提升了Web应用的可用性和响应性。
总结：本节主要讲解了什么是JS中的事件，以及JS事件有什么优点，读者需要知道JS中的事件概念，后续我们会详细讲解它的具体内容。
C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程，并配有习题和答疑，点击了解：
一点编程也不会写的：零基础C语言学练课程
解决困扰你多年的C语言疑难杂症特性的C语言进阶课程
从零到写出一个爬虫的Python编程课程
只会语法写不出代码？手把手带你写100个编程真题的编程百练课程
信息学奥赛或C++选手的 必学C++课程
蓝桥杯ACM、信息学奥赛的必学课程：算法竞赛课入门课程
手把手讲解近五年真题的蓝桥杯辅导课程