溫馨提示×

如何確保onbeforeunload事件只觸發(fā)一次

小樊
82
2024-10-10 02:17:37
欄目: 編程語言

要確保onbeforeunload事件僅觸發(fā)一次，您可以使用一個標志變量來跟蹤事件是否已經(jīng)觸發(fā)過。下面是一個簡單的示例：

// 定義一個標志變量
let hasTriggered = false;

// 定義 onbeforeunload 事件處理函數(shù)
window.onbeforeunload = function (e) {
  // 檢查標志變量，確保事件僅觸發(fā)一次
  if (!hasTriggered) {
    // 設(shè)置標志變量為 true，表示事件已觸發(fā)
    hasTriggered = true;

    // 在此處添加您希望在 onbeforeunload 事件觸發(fā)時執(zhí)行的代碼
    console.log('onbeforeunload 事件已觸發(fā)一次');
  }

  // 返回一個字符串，指示用戶離開頁面時的操作
  return '您確定要離開此頁面嗎？';
};

通過這種方式，您可以確保onbeforeunload事件僅觸發(fā)一次。請注意，某些瀏覽器可能會忽略或限制onbeforeunload事件的使用，因此請確保在不同瀏覽器上進行充分測試。

0 踩