導航：navigatesuccess 事件
Navigation 介面的 navigatesuccess 事件在成功導航完成後觸發。
在被攔截的導航情況下，這將在您的 intercept() 處理程式返回的所有 Promise 都已 fulfilled 之後發生。NavigationTransition.finished Promise 也會在同一時間 fulfilled。
語法
在諸如 addEventListener() 之類的方法中使用事件名稱，或設定事件處理程式屬性。
js
addEventListener("navigatesuccess", (event) => { })
onnavigatesuccess = (event) => { }
事件型別
一個通用的 Event。
示例
您可以透過隱藏先前顯示的進度指示器來處理成功的導航，如下所示：
js
navigation.addEventListener("navigatesuccess", (event) => {
loadingIndicator.hidden = true;
});
或者，您可以在失敗時顯示錯誤訊息。
js
navigation.addEventListener("navigateerror", (event) => {
loadingIndicator.hidden = true; // also hide indicator
showMessage(`Failed to load page: ${event.message}`);
});
規範
| 規範 |
|---|
| HTML # event-navigatesuccess |
瀏覽器相容性
載入中…