目录
一、事件是什么
二、如何处理事件
一、事件是什么
定义：事件就是浏览器和用户之间的交互行为。
例如：点击按钮、鼠标移动、关闭窗口等。
二、如何处理事件
我们可以在对应的事件属性中设置一些JS行为，当事件触发的时候会将这些代码执行。
示例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<button onclick="alert('不要点我啦！！！')">
这是一个按钮</button>
<script>
</script>
</head>
<body>
</body>
</body>
</html>
由于在属性里面加入JS，会使得结构和行为耦合，不方便维护，不推荐使用.
可以为按钮的对应事件绑定处理函数的形式来响应事件
代码优化;
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<button id="btn">
这是一个按钮</button>
<script>
var btn = document.getElementById('btn');
btn.onclick = function(){
alert('不要再点啦！！');
};
</script>
</head>
<body>
</body>
</body>
</html>
比较推荐这种方式。
上节学习链接：
JavaScript的学习之DOM简介
感谢大家的学习，一起加油哈！！！
![[RPI4] 树莓派4b安装istoreos及使用 -- 1. 系统安装](https://img-blog.csdnimg.cn/direct/55d8c7eaba514c77a772d3754112865b.png)
