以下是一个简单的例子,演示如何使用 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.pingtaimeng.com/article/detail/6243/JavaScript 和 HTML DOM