AbortSignal: abort 事件

Baseline 已廣泛支援

此功能已成熟,可跨多種裝置和瀏覽器版本工作。它自 ⁨2018 年 4 月⁩ 起已在所有瀏覽器中可用。

注意:此功能在 Web Workers 中可用。

AbortSignalabort 事件會在關聯的請求被中止時觸發,即使用 AbortController.abort()

語法

在諸如 addEventListener() 之類的方法中使用事件名稱,或設定事件處理程式屬性。

js
addEventListener("abort", (event) => { })

onabort = (event) => { }

事件型別

一個通用的 Event,沒有額外的屬性。

示例

在下面的程式碼片段中,我們建立一個新的 AbortController 物件,並獲取其 AbortSignal(可透過 signal 屬性訪問)。之後,我們透過事件處理程式屬性檢查訊號是否已被中止,

您可以使用 addEventListener 方法來檢測 abort 事件。

js
const controller = new AbortController();
const signal = controller.signal;

signal.addEventListener("abort", () => {
  console.log("Request aborted");
});

或者使用 onabort 事件處理程式屬性。

js
const controller = new AbortController();
const signal = controller.signal;

signal.onabort = () => {
  console.log("Request aborted");
};

規範

規範
DOM
# eventdef-abortsignal-abort
DOM
# abortsignal-onabort

瀏覽器相容性