如何使用 JavaScript 來阻止頁面導航？

防止使用 JavaScript 進行網頁導航

當使用者嘗試離開網頁時，瀏覽器中會觸發各種事件。可以使用 JavaScript 利用這些事件在導覽發生之前顯示訊息或執行操作。

如何防止使用JavaScript 進行導航：

使用onunload 事件:

雖然onunload 事件允許顯示訊息不能中斷導航，因為它是在頁面已經開始載入後觸發的。

使用 onbeforeunload 事件:

onbeforeunload 事件在瀏覽器離開頁面前觸發。它允許您透過提示或訊息中斷導航。

`window.onbeforeunload = function() {
return "";
}`;

注意：空此處回傳字串，因為現代瀏覽器顯示無法覆蓋的預設訊息。

在舊版瀏覽器中指定訊息：

在舊版瀏覽器中，您可以指定訊息使用onbeforeunload 事件在提示中顯示：

`window.onbeforeunload = function() {
return "Are you sure you want to go away?";
}`;

以上是如何使用 JavaScript 來阻止頁面導航？的詳細內容。更多資訊請關注PHP中文網其他相關文章！