日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

在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('按鈕被點擊了！');
}
// 為HTML元素添加事件監(jiān)聽器
button.addEventListener('click', handleClick);

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

參數(shù)	類型	描述
event	string	要監(jiān)聽的事件類型，如：’click’、’mousedown’等
listener	function	當(dāng)事件觸發(fā)時要執(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	是否將事件的被動模式設(shè)置為true，以優(yōu)化滾動性能，默認(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('按鈕被點擊了！');
}
// 為HTML元素添加事件監(jiān)聽器，并設(shè)置參數(shù)
button.addEventListener('click', handleClick, { capture: true, once: true, passive: true });

名稱欄目：TypeScript中addEventListener的用法
新聞來源：http://m.5511xx.com/article/cdjpsec.html