网页离开提示未保存

网页 提示 离开 保存 事件 显示 < beforeunload 浏览器 编程技术
发布日期 2022-12-15 更新日期 2022-12-15 阅读次数 74 文章字数 387

给body添加beforeunload监听事件

某些浏览器过去在确认对话框中显示返回的字符串，从而使事件处理程序能够向用户显示自定义消息。但是，此方法已被弃用，并且在大多数浏览器中不再支持。

为避免意外弹出窗口，除非页面已与之交互，否则浏览器可能不会显示在beforeunload事件中创建的提示，甚至根本不会显示它们。

这也意味着，至少鼠标要点击一下网页，才能触发此事件。

<p>hello world!</p>
<script>
    window.addEventListener('beforeunload', (event) => {
        // Cancel the event as stated by the standard.
        event.preventDefault();
        // Chrome requires returnValue to be set.
        event.returnValue = '';
    });
</script>

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-255.html

版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。

网页 提示 离开 保存 事件 显示 < beforeunload 浏览器

发表评论

相关推荐
朱丰华   |   1周前   |   sql · mysql · 字节 · 字符

mysql常用字段类型详解

44    评论    点赞
朱丰华   |   1年前   |   git

git push -u参数是什么意思？--set-upstream

275    评论    点赞
朱丰华   |   1年前   |   git · hub · 仓库

go克隆并引用github仓库

162    评论    点赞
朱丰华   |   1年前   |   请求 · 一个

ab测压命令，apache测压工具

196    评论    点赞
朱丰华   |   1年前   |   js · 重复

js如何避免重复监听addEventListener事件？

146    评论    点赞
朱丰华   |   1年前   |   sed · 文件

Shell 指定行处理head、tail、sed

167    评论    点赞
朱丰华   |   1年前   |   html · <

html浏览器当前tab标签切换时触发监听

116    评论    点赞
朱丰华   |   1年前   |   下载 · 请求

idm、浏览器下载发送两次下载请求

155    评论    点赞
朱丰华   |   1年前   |   php

windows下编写、编译php扩展

177    评论    点赞
朱丰华   |   1年前   |   html

npm clean-mark，抓取网页文章内容，转换成markdown、html、txt

200    评论    点赞
朱丰华   |   1年前   |   php

php扩展编译nts的方法

97    评论    点赞
朱丰华   |   1年前   |   centos

centos安装golang

103    评论    点赞
朱丰华   |   1年前   |   vue · model

vue语法v-model原理与实现

131    评论    点赞
朱丰华   |   1年前   |   html · npm · audit

npm报错、原因：run `npm audit fix` to fix them, or `npm audit` for details html

79    评论    点赞
朱丰华   |   1年前   |   js · vue · npm · 安装

npm快速上手

110    评论    点赞
朱丰华   |   1年前   |   linux · 变量 · 环境

linux查看环境变量、设置环境变量

102    评论    点赞
朱丰华   |   1年前   |   php · 编译

ubuntu、centos系统从源码编译指定版本php--超详细

168    评论    点赞
朱丰华   |   1年前   |   指针 · 地址 · c语言

C语言的&取地址符，指针

165    评论    点赞
朱丰华   |   1年前   |   zend · php · 字符串 · _string

php扩展zend_string类型与char类型转换

111    评论    点赞
朱丰华   |   1年前   |   安装 · clion

windows下安装clion

102    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞