JS实现页面关闭执行函数，页面刷新不执行函数

最新推荐文章于 2021-08-03 20:28:08 发布

西城十七妹

最新推荐文章于 2021-08-03 20:28:08 发布

阅读量2.4k

点赞数 1

分类专栏：前端文章标签： javascript jquery html

本文链接：https://blog.csdn.net/songdancer/article/details/108001433

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

onbeforeunload事件

onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。

onunload事件

onunload 事件在用户退出页面时发生。

onbeforeunload和onunload用法基本相同：

// JS方式：onbeforeunload 
window.onbeforeunload = function(){ 
    return "你确定要离开吗？";
};

// 添加到body标签：onbeforeunload 
<body onbeforeunload = "return backEvent()">
     
</body>
<script type = "text/javascript">
    function backEvent(){
        return "你确定要退出吗?";
    }
</script>

// JS方式：onunload
window.onunload = function(){ 
    return "你确定要离开吗？";
};

// 添加到body标签：onunload
<body onunload = "return backEvent()">
     
</body>
<script type="text/javascript">
    function backEvent(){
        return "你确定要退出吗?";
    }
</script>

我的实现代码：（页面刷新不执行ajax，页面退出执行）

window.onbeforeunload = function(){
    $.ajax({
        type: "GET",
        async: false, // 将ajax设置为同步
        dataType: "json",
        url: rootpath + "v1/backEvent/"
    });
    return "你确定要离开吗？";
};

测试用的谷歌浏览器（版本 81.0.4044.122（正式版本））,不知道为什么"你确定要退出吗?"这句提示信息没有显示，等有空研究吧。