当前位置: 首页 > 知识库问答 >
问题:

javascript - 如何判断关闭浏览器事件?

陈晟睿
2024-04-15

使用vue3项目,我想关闭浏览器或者关闭浏览器的标签页清除token,该怎么操作

共有2个答案

公孙阳羽
2024-04-15

组件里在卸载之前处理一下,其实token如果放sessionStorage的话每次关闭浏览器或者关闭浏览器的标签页就会自动清除了,保险起见你可以再监听事件(放其他地方同理,清除掉即可):

sessionStorage.setItem('token', token);
export default {  mounted() {    window.addEventListener('beforeunload', this.handleBeforeUnload);  },  beforeUnmount() {    window.removeEventListener('beforeunload', this.handleBeforeUnload);  },  methods: {    handleBeforeUnload(event) {     sessionStorage.removeItem('token');    },  },};
拓拔高畅
2024-04-15
let isEndSendOK = false;function report() {  if (isEndSendOK) {    return;  }  isEndSendOK = true;}// 监听多个事件,做同一个事情,用一个标志位确定是否做过// 移动端普遍只支持 pagehidewindow.addEventListener('beforeunload', report);window.addEventListener('pagehide', report);window.addEventListener('unload', report);// IOS14 之前不会冒泡,只能监听documentdocument.addEventListener('visibilitychange', () => {  if (document.visibilityState !== 'visible') {    report();  } else {    // 如果界面又显示了,说明没有关闭,重置标志位    isEndSendOK = false;  }});function report () {    //TODO 关闭浏览器}
 类似资料:
  • 问题内容: 我想捕获浏览器窗口/选项卡关闭事件。我已经尝试使用jQuery以下内容: 但这也适用于表单提交,这不是我想要的。我想要一个仅在用户关闭窗口时才触发的事件。 问题答案: 每当用户出于任何原因离开您的页面时,都会触发该事件。 例如,如果用户提交表单,单击链接,关闭窗口(或选项卡)或使用地址栏,搜索框或书签进入新页面,则将触发该事件。 您可以使用以下代码排除表单提交和超链接(其他框架除外):

  • 我想捕获浏览器窗口/选项卡关闭事件。我尝试了以下方法,但不起作用: 尝试了这些链接,但没有更多的成功。 JavaScript检查浏览器窗口何时关闭 如何捕获浏览器窗口关闭事件? javascript检测浏览器关闭标签/关闭浏览器 尝试检测浏览器关闭事件 问题: 我只想检测浏览器关闭事件,并在不向用户显示提示的情况下对此进行一些处理。 我尝试过很多方法,通过jQuery或JavaScript检测浏览

  • 浏览器开启了 HSTS(HTTP Strict Transport Security)功能,它会告诉浏览器只能通过 https 访问,绝对禁止 http 方式,所以浏览器中输入http 后自动转成了 https。 疑问:如何得知浏览器是否开启了此功能? 原因:项目内需要跳转到新标签页,浏览器强制转换协议会报错(502)

  • 本文向大家介绍js判断当前浏览器类型,判断IE浏览器方法,包括了js判断当前浏览器类型,判断IE浏览器方法的使用技巧和注意事项,需要的朋友参考一下 判断IE浏览器最短方法:var isIE = !-[1,] 原理:[1,]在标准浏览器中返回"1",相当于调用[1,].toString(),在IE中返回"1," 在这个时候对返回值使用负号强制转换为数字时,标准浏览器返回1,IE则返回NaN, 再对1

  • 本文向大家介绍javascript 判断当前浏览器版本并判断ie版本,包括了javascript 判断当前浏览器版本并判断ie版本的使用技巧和注意事项,需要的朋友参考一下 javascript 判断当前浏览器版本并判断ie版本: 2、判断是什么类型浏览器 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 本文向大家介绍基于JavaScript判断浏览器到底是关闭还是刷新(超准确),包括了基于JavaScript判断浏览器到底是关闭还是刷新(超准确)的使用技巧和注意事项,需要的朋友参考一下 本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文: 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload,然后onunload,最后o