如何防止 JavaScript 中的頁面導航：中斷或阻止使用者操作

防止 JavaScript 中的頁面導航

離開網頁時，使用者可能會無意中遺失未儲存的變更或未完成重要任務。 JavaScript 提供了透過完全中斷或阻止頁面導航來解決此問題的方法。

中斷導覽：

當使用者嘗試離開頁面時會觸發 onbeforeunload 事件。此事件可讓您向使用者顯示提示或訊息，要求確認或提供附加資訊。從 onbeforeunload 處理程序傳回非空字串將中斷導覽並阻止頁面離開。

在現代瀏覽器中，從事件處理程序傳回空字串將顯示預設確認訊息。該訊息不能被覆蓋。例如：

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

自訂訊息範例（舊版瀏覽器）：

舊版瀏覽器提供在導覽確認提示中指定自訂訊息的選項：

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

注意：這種方法是有限制的，因為它需要顯示特定的訊息，並且可能不與所有瀏覽器相容。建議使用空字串方法以獲得更廣泛的兼容性。

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