addEventListener
更新時間 2024-12-04 20:09:07
最近更新時間: 2024-12-04 20:09:07
分享文章
本文介紹函數運行時的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")
)
})
相關參考
示例代碼:返回HTML頁面
示例代碼:返回JSON內容