javascript监听页面刷新或者离开的事件onbeforeunload

最新推荐文章于 2024-07-14 03:32:16 发布

愚舜

最新推荐文章于 2024-07-14 03:32:16 发布

阅读量2.9k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/first_shun/article/details/106445438

版权

本文介绍了JavaScript的onbeforeunload事件，它在页面刷新或关闭前触发，用于监听页面离开。通过绑定此事件，可以实现对话框提示用户确认是否离开当前页面。

摘要由CSDN通过智能技术生成

一、onbeforeunload事件是干什么的

javascript在监听页面加载的时候有onload事件，是在页面加载完成之后出发的事件，而onbeforeunload事件就是在即将离开当前页面（刷新或关闭）时触发，用来监听页面刷新或者退出，该事件并且会弹出对话框提示用户是留在当前页面还是离开；

二、使用onbeforeunload事件

onbeforeunload事件的使用也特别简单

1、绑定在页面元素上，比如绑定在body上

<!DOCTYPE html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>onbeforeunload</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body onbeforeunload="return restTip()">
    <script type="text/javascript">
        function restTip() {
            return 'tip';
        }
    </scr