zl程序教程

您现在的位置是:首页 >  IT要闻

当前栏目

JavaScript如何在离开页面时提示用户

2023-02-18 15:28:49 时间

如果用户正在页面执行比较重要的操作,如写博客,上传文件,此时,如果点其他链接、地址栏输入新地址或刷新页面时,应该给用户提示,确认是否离开当前页面,用JavaScript可轻松完成。

以下是微软官方给出的JS示例,经测试Firefox和Chrome运行正常:

var is_uploading = false;

function alert_if_uploading() {
    if (is_uploading)
        return '文件正在上传中,您确定要离开当前页面?';
}

window.onbeforeunload = alert_if_uploading;

核心代码就是监听window的onbeforeunload事件。