onpagehide 事件是 HTML DOM 中的一个事件,它在页面即将被隐藏或卸载时触发。这个事件通常在用户离开当前页面或关闭浏览器选项卡时触发。

以下是一个简单的例子,演示如何使用 onpagehide 事件:
<!DOCTYPE html>
<html>

<head>
    <title>onpagehide Event Example</title>
</head>

<body onpagehide="handlePageHide()">
    <h1>This is a sample page</h1>

    <script>
        // 处理页面隐藏事件
        function handlePageHide() {
            alert("Page is being hidden or unloaded.");
        }
    </script>
</body>

</html>

在这个例子中,<body> 元素上附加了 onpagehide 事件,并调用了 handlePageHide 函数。在函数中,我们使用 alert 弹出一个消息,指示页面即将被隐藏或卸载。

当用户关闭当前页面或离开当前页面时,会触发 onpagehide 事件,显示 "Page is being hidden or unloaded." 的警告框。这可以用于执行在页面即将被隐藏或卸载时所需的清理或其他操作。


转载请注明出处:http://www.zyzy.cn/article/detail/6243/JavaScript 和 HTML DOM