onpagehide 事件

DOM 事件 PageTransitionEvent

定義和用法

onpagehide 事件當用戶離開網頁時發生。

有多種方法可以離開頁面。例如。通過單擊鏈接、刷新頁面、提交表單、關閉瀏覽器窗口等。

有時會使用 onpagehide 事件代替 onunload 事件，因為 onunload 事件會導致頁面不被緩存。

如需確定頁面是直接從服務器加載還是緩存，您可以使用 PageTransitionEvent 對象的 persisted 屬性。如果頁面被瀏覽器緩存，則此屬性返回 true，否則返回 false（請參閱下面的更多實例）。

實例

當用戶離開網頁時執行 JavaScript：

<body onpagehide="myFunction()">

語法

在 HTML 中：

<element onpagehide="myScript">

親自試一試

在 JavaScript 中：

object.onpagehide = function(){myScript};

親自試一試

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("pagehide", myScript);

親自試一試

注釋：Internet Explorer 8 或更早的版本不支持 addEventListener() 方法。

技術細節

冒泡： 不支持
可取消： 不支持
事件類型： PageTransitionEvent
支持的 HTML 標簽： <body>
DOM 版本： Level 3 Events

瀏覽器支持

表中的數字注明了完全支持該事件的首個瀏覽器版本。

事件 Chrome IE Firefox Safari Opera
onpagehide 支持 11.0 支持 5.0 支持

注釋：由于瀏覽器設置不同，此事件可能并不總是按預期工作。

DOM 事件 PageTransitionEvent