js阻止页面关闭正确姿势

oldbalck

于 2016-12-08 22:14:20 发布

阅读量3.2k

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000007742030

本文介绍了一种使用JavaScript在用户离开网页前显示确认消息的方法，并提供了如何在特定情况下绕过此提示的技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

window.isCloseHint = true;
//初始化关闭
window.addEventListener("beforeunload", function(e) {
    if (window.isCloseHint) {
        var confirmationMessage = "要记得保存！你确定要离开我吗？";
        (e || window.event).returnValue = confirmationMessage; // 兼容 Gecko + IE
        return confirmationMessage; // 兼容 Gecko + Webkit, Safari, Chrome
    }
});

如果你页面中有需要跳转而不像提示对话框的地方（比如form表单提交），可以通过window.isCloseHint 变量来控制。