日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

在TypeScript中，addEventListener用于向指定的HTML元素添加事件監(jiān)聽器，以下是關(guān)于addEventListener的詳細(xì)用法：

基本用法

1、為HTML元素添加事件監(jiān)聽器

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

3、定義事件處理函數(shù)

4、可選：傳遞事件參數(shù)

示例代碼

// 獲取HTML元素
const button = document.querySelector('button');
// 定義事件處理函數(shù)
function handleClick() {
  console.log('按鈕被點(diǎn)擊了！');
}
// 為HTML元素添加事件監(jiān)聽器
button.addEventListener('click', handleClick);

使用表格歸納addEventListener的參數(shù)

參數(shù)	類型	描述
event	string	要監(jiān)聽的事件類型，如：’click’、’mousedown’等
listener	function	當(dāng)事件觸發(fā)時(shí)要執(zhí)行的函數(shù)
useCapture	boolean	是否在捕獲階段調(diào)用事件處理函數(shù)，默認(rèn)為false（冒泡階段）
options	EventListenerOptions	可選參數(shù)，用于配置事件處理函數(shù)的調(diào)用方式和性能優(yōu)化

EventListenerOptions參數(shù)詳解

參數(shù)	類型	描述
capture	boolean	是否在捕獲階段調(diào)用事件處理函數(shù)，默認(rèn)為false（冒泡階段）
once	boolean	是否只調(diào)用一次事件處理函數(shù)，默認(rèn)為false
passive	boolean	是否將事件的被動(dòng)模式設(shè)置為true，以優(yōu)化滾動(dòng)性能，默認(rèn)為false
preventDefault	boolean	是否阻止事件的默認(rèn)行為，默認(rèn)為false
stopPropagation	boolean	是否阻止事件冒泡，默認(rèn)為false

示例代碼（包含EventListenerOptions參數(shù)）

// 獲取HTML元素
const button = document.querySelector('button');
// 定義事件處理函數(shù)
function handleClick(event: Event) {
  event.preventDefault(); // 阻止事件的默認(rèn)行為（如：提交表單）
  console.log('按鈕被點(diǎn)擊了！');
}
// 為HTML元素添加事件監(jiān)聽器，并設(shè)置參數(shù)
button.addEventListener('click', handleClick, { capture: true, once: true, passive: true });

當(dāng)前題目：TypeScript中addEventListener的用法
分享URL：http://www.dlmjj.cn/article/cdjpsec.html