addEventListener
更新時間 2023-12-05 10:11:12
最近更新時間: 2023-12-05 10:11:12
分享文章
本文介紹函數運行時中的addEventListener定義與用法。
此函數定義了執行用戶函數腳本的觸發器。addEventListener僅支持注冊一個事件監聽器。當前僅支持fetch請求事件,通過注冊fetch事件監聽器,生成HTTP請求事件FetchEvent,進而實現對HTTP請求的處理。
定義
addEventListener(type: string, listener: (event: FetchEvent) => void): void;
說明
如果注冊了多個"fetch"類型的監聽器,當一個監聽器未調用時event.respondWith(),運行時會將事件傳遞給下一個已注冊的監聽器。
如果對某個事件進行多次調用會形成調用鏈條。當某個回調函數調用了respondWith函數時,調用鏈條會被終止,后面注冊的回調函數不會再被調用。
參數
- type
string- 事件類型,當前僅支持"fetch",后續會支持"scheduled"。
- listener
function- 事件監聽器。用于處理事件回調。
示例
// 注冊請求事件監聽器
addEventListener("fetch", event => {
// 響應客戶端請求
return event.respondWith(
new Response("Hello world")
)
})