JavaScript 如何阻止網頁導航並保持顯示？

使用 JavaScript 保留網頁顯示

與其允許網頁自由導航，不如使用 JavaScript 來阻止此操作。透過利用特定事件，即使使用者嘗試導航到其他地方，網站也可以保持當前顯示。

使用 onbeforeunload 約束導航

onbeforeunload 事件允許開發人員攔截導航，在頁面被丟棄之前提供最後的機會。它在導航過程之前觸發，從而提供了完全阻止導航的可能性。

實作

要防止網頁使用JavaScript 導航離開，以下程式碼可以使用：

<code class="javascript">window.onbeforeunload = function() {
  return "";
}</code>

此程式碼回傳一個空字串，防止在較新的瀏覽器中顯示預設訊息「任何未儲存的變更都會遺失」。較舊的瀏覽器允許自訂訊息：

<code class="javascript">window.onbeforeunload = function() {
  return "Are you sure you want to navigate away?";
}</code>

透過利用 onbeforeunload 事件並管理回傳值，網頁可以有效防止導航離開，確保其顯示和使用者互動的連續性。

以上是JavaScript 如何阻止網頁導航並保持顯示？的詳細內容。更多資訊請關注PHP中文網其他相關文章！