首頁猿問如何在javascript中檢測瀏...

如何在javascript中檢測瀏覽器選項卡關(guān)閉事件

JavaScript

楊魅力 2022-12-22 10:08:26

在 chrome 瀏覽器中單擊關(guān)閉選項卡圖標(biāo)時嘗試調(diào)用瀏覽器選項卡關(guān)閉事件但不起作用。我想在關(guān)閉瀏覽器選項卡之前顯示警告消息。怎么做？下面的代碼不起作用：<!DOCTYPE html><html><head> <title>Page Title</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script></head><script type="text/javascript"> window.onbeforeunload = function(evt) { var message = "Are you sure?"; /* InternetExplorer/Firefox*/ var e = evt || window.event e.returnValue = message /* WebKit browser */ return message; }</script><body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>

查看完整描述

3 回答

一只甜甜圈

TA貢獻1836條經(jīng)驗獲得超5個贊

在某些瀏覽器中，在此事件期間可能會忽略對 window.alert()、window.confirm() 和 window.prompt() 的調(diào)用。有關(guān)詳細信息，請參閱 HTML 規(guī)范。

https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event

嘗試 console.log 并在控制臺中選中“保留日志”。你會發(fā)現(xiàn)這alert()對你的情況不起作用

反對回復(fù) 2022-12-22

ITMISS

TA貢獻1871條經(jīng)驗獲得超8個贊

為防止詐騙，瀏覽器會謹(jǐn)慎處理這些消息。大多數(shù)人可以做的事情非常有限。Chrome 顯示標(biāo)準(zhǔn)化消息“離開網(wǎng)站？您所做的更改可能無法保存?！?nbsp;這是不可改變的afaik。為此，只需使用：

  window.onbeforeunload = function () {  
        return true;
    };

另一種方法是檢測鼠標(biāo)何時離開窗口。這是不一樣的，但離開視口通常是在關(guān)閉選項卡之前執(zhí)行的操作。您可以在鼠標(biāo)離開窗口時檢測事件并觸發(fā)您喜歡的任何消息或彈出窗口。我個人覺得這很煩人。

反對回復(fù) 2022-12-22

拉莫斯之舞

TA貢獻1820條經(jīng)驗獲得超10個贊

您實際上正在正確檢測到選項卡關(guān)閉事件！問題出在您的觸發(fā)操作上。來自相關(guān)的 MDN 文檔：

為了防止不需要的彈出窗口，某些瀏覽器不會顯示在beforeunload事件處理程序中創(chuàng)建的提示，除非頁面已與之交互。此外，有些根本不顯示它們。

這意味著您很難在關(guān)閉瀏覽器選項卡之前顯示警告消息，就像您說的那樣。但是，您可以通過使用return處理程序上的值來實現(xiàn)類似的目的。再次引用文檔：

當(dāng)此事件返回（或?qū)?returnValue 屬性設(shè)置為）null 或 undefined 以外的值時，系統(tǒng)將提示用戶確認頁面卸載。在舊版瀏覽器中，事件的返回值顯示在此對話框中。從 Firefox 44、Chrome 51、Opera 38 和 Safari 9.1 開始，將顯示不受網(wǎng)頁控制的通用字符串，而不是返回的字符串。

有關(guān)更多詳細信息，請參閱其他問題Warn user before leaving web page with unsaved changes。

反對回復(fù) 2022-12-22