Objective: # 概念阐释 ## 语义 除了`click`之外，DOM事件还有很多其他类型 - 有些触发事件是不会被注意到的 - 有的触发不一定是用户触发的，比如`load`，加载界面 - [事件类型参考](https://developer.mozilla.org/zh-CN/docs/Web/Events):表格标题中的「文档」是对应使用的文档页面。 # 实例 - [[js Events 事件监听 鼠标事件]] - [[js Events 事件监听 键盘事件]] - `click` - `wheel` - `change` `onchange`； - `submit` ([[React Hooks useState 事件处理程序更新状态]]): 用于JavaScript中与表单元素（如文本框、下拉菜单）相关的事件处理。当表单元素的值发生变化时，"onChange" 事件被触发，并可以执行一些代码，比如验证输入的数据或者根据用户的选择更新界面。 # 相关内容 在使用`event.target`与在函数中指定具体元素的区别：[[js Events 事件监听添加 addEventListener]] # 问题 [练习题](https://www.codecademy.com/courses/build-interactive-websites/lessons/dom-events/exercises/dom-event-types)用HTML&CSS&JS来写 🌟 注意：当特定事件在按钮上触发时，随机更改按钮的颜色。 >[!hint] >颜色对RGB值为rgb(256,256,256) 添加一个语句，将事件目标的背景颜色更改为随机颜色。 添加触发事件，当点击`button`时，背景颜色随机更改。 添加触发滚轮的事件。 # 问题答案 ## 错题集 1. 设置random数值时没有return 2. colorChange函数是为了设置一个`event.target`的模版，所有调用这个函数的按钮都可以使用 3. [[JavaScript 字符串操作符]]的写法在rgb()实际情况中使用生疏 4. 在事件中调用函数不写`()` # 参考资料