首頁 > web前端 > js教程 > 如何用 JavaScript 實作離開頁面確認?

如何用 JavaScript 實作離開頁面確認?

Patricia Arquette
發布: 2024-11-12 10:32:01
原創
828 人瀏覽過

How Can I Implement a Leaving Page Confirmation in JavaScript?

在 JavaScript 離開頁面確認

JavaScript 中的 onunload 事件通常用於在使用者離開網頁之前執行操作。但是,不能依賴它來確認導航和重定向用戶。

使用 onbeforeunload

要在使用者離開頁面之前顯示確認提示,可以使用 onbeforeunload 事件可以就業。當使用者嘗試離開頁面時會觸發此事件。

在JavaScript 中:

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};
登入後複製

在jQuery 中:

$(window).bind('beforeunload', function() {
  return 'Are you sure you want to leave?';
});
登入後複製

限制

限制

需要注意的是只是提示用戶,並不能重定向他們到另一個頁面。如果使用者選擇留在頁面上,瀏覽器將繼續遵循預期的導航路徑。

使用 onunload

onunload 事件可用來執行操作在頁面卸載之前,但不能用於重定向使用者。

window.onunload = function() {
  alert('Bye.');
};
登入後複製
中JavaScript:

$(window).unload(function() {
  alert('Bye.');
});
登入後複製
在jQuery 中:

安全注意事項

以上是如何用 JavaScript 實作離開頁面確認?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板