600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > 如何用js监听浏览器页面的关闭/刷新事件

如何用js监听浏览器页面的关闭/刷新事件

时间:2019-06-20 22:38:30

相关推荐

如何用js监听浏览器页面的关闭/刷新事件

如何用js监听浏览器页面的关闭/刷新事件

因为要做关闭页面退出功能,但页面跳转和刷新时并不做退出事件,需要甄别刷新和关闭,也查找了很多方法,踩了许多深坑,在这里记录一下自己的方法吧。

不同的浏览器刷新和关闭时对onbeforeunload()和onunload()的执行步骤是不同的,没弄明白之前导致多种尝试都不见效,一丝丝头疼。ie、chrome、360:页面加载时执行unload();刷新时先执行onbeforeload(),新页面即将替换旧页面时onunload(),最后unload();关闭时执行onbeforeload(),再执行onunload().firefox:刷新时只执行onunload();关闭时只执行onbeforeunload().

首先判断浏览器的类型,简便可用navigator.userAgent()获取浏览器的字符串,与浏览器类型做查找即可。

目前对Chrome和firfox区分关闭和刷新成功。

浏览器为firfox时flag为false,Chrome为true。

window.onload(){window.onunload = function() {if(flag){console.log('关闭操作');}else {console.log('刷新操作');}};window.onbeforeunload = function () {if(!flag){console.log('关闭操作');}else{console.log('刷新操作');}};}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。