在TypeScript中，addEventListener用于向指定的HTML元素添加事件监听器，以下是关于addEventListener的详细用法：

基本用法

1、为HTML元素添加事件监听器

2、指定事件类型（如：click、mousedown等）

3、定义事件处理函数

4、可选：传递事件参数

示例代码

// 获取HTML元素
const button = document.querySelector('button');
// 定义事件处理函数
function handleClick() {
  console.log('按钮被点击了！');
}
// 为HTML元素添加事件监听器
button.addEventListener('click', handleClick);

使用表格归纳addEventListener的参数

EventListenerOptions参数详解

示例代码（包含EventListenerOptions参数）

// 获取HTML元素
const button = document.querySelector('button');
// 定义事件处理函数
function handleClick(event: Event) {
  event.preventDefault(); // 阻止事件的默认行为（如：提交表单）
  console.log('按钮被点击了！');
}
// 为HTML元素添加事件监听器，并设置参数
button.addEventListener('click', handleClick, { capture: true, once: true, passive: true });