TypeScript中addEventListener的用法

在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 });

本文名称：TypeScript中addEventListener的用法
标题路径：http://www.hantingmc.com/qtweb/news34/468334.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联