2024年05月26日 建站教程
JavaScript语法中Event和EventTarget主要用于实现事件驱动模型。Event是事件的基类，表示事件发生时的状态。EventTarget是事件目标的基类，用于管理事件的注册与触发。
Event常见的事件：
UI事件:click、scroll、mouseover 等 键盘事件:keydown、keyup 等 表单事件:submit、input、change 等 触屏事件:touchstart、touchend 等 自定义事件等
EventTarget常见的事件：
Document Window DOM 节点(Node) XMLHttpRequest AudioContext 等
Event和EventTarget的作用
1、允许在事件目标(元素、对象)上注册事件监听器；
2、在事件触发时,使用 Event 对象保存事件的相关信息(事件类型、触发元素、时间戳等)；
3、事件目标触发注册的事件监听器,并传入对应的 Event 对象；
4、事件监听器可以通过 Event 对象访问事件信息,并执行相应的逻辑。
具体代码示例如下：
// 获取事件目标(button元素)
let button = document.querySelector('button');
// 事件监听器
button.addEventListener('click', (event) => {
// event 是事件对象,包含事件类型、触发元素等信息
console.log(event.type); // click
console.log(event.target); // button元素
});
// 触发click事件
button.click();
// 输出:
// click
// <button>...</button>
本文链接：http://so.lmcjl.com/news/5336/