js监听浏览器的返回按钮

应项目需求，需在H5页面中捕捉到到浏览器的返回，并做出一定的操作。

下面就来捕捉浏览器的返回事件
看效果：
1、第一个页面

2、点击按钮跳转到第二个页面

3、点击浏览器左上角的返回，弹出对应弹框，并返回到第一个页面

上代码：

//非常简单mounted() {$(function () {pushHistory();window.addEventListener("popstate",function (e) {window.location.reload(); //跳转后执行的方法alert('已监听到你从上个页面返回！');},false);function pushHistory() {var state = {title: "title",url: "#",};window.history.pushState(state, "title", "#");}});},

完美！！

js监听浏览器的返回按钮相关推荐

linux输入数字切换浏览器tab,js监听浏览器tab窗口切换
js监听浏览器tab窗口切换 --IT唐伯虎摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventList ...
【不得不看的几种js监听浏览器返回,关闭,刷新】
监听浏览器切换页面 //切换页面document.addEventListener('visibilitychange', function () { //浏览器切换事件if (document.vi ...
监听浏览器的返回事件，禁止浏览器返回
//禁止页面后退 history.pushState(null,null,document.URL); window.addEventListener('popstate',function(){// ...
html5中检测网络状态的方法,前端js监听浏览器网络变化
首先,为什么要让前端判断用户的网络状态呢--为了更好的用户体验. 其次,前端能否判断网络状态?有哪些方法? 1,可以做到渐进式判断,不能做到绝对准确. 2,使用的是navigator.onLine或n ...
js监听浏览器tab页面变化
js监听浏览器tab页面变化引言今天写到一个需求,当用户离开当前页面的时候,需要关闭页面的一个功能,查找资料发现了这个指令,个人觉得很有用,记录下来... 直接上代码 mounted:(){thi ...
js监听移动端返回键，从内页返回首页
js监听移动端返回键,从内页返回首页直接上代码. $(document).ready(function () {window.history.pushState("", &quo ...
js监听浏览器返回、后退、上一页按钮事件方法
一.监听浏览器事件⼤家知道在页⾯中我们可以使⽤javascript window history,后退到前⾯页⾯,但是由于安全原因javascript不允许修改history ⾥已有的url链接,但 ...
js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge，Chrome和Firefox)
由于各浏览器兼容性不同,所以首先要先区分各浏览器 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = use ...
JS监听手机物理返回键（及IOS微信端的bug）
需求场景有一天,头儿给我提了这样一个需求: 无论页面如何跳转,在首页的时候再按返回,直接退出... 解决思路关闭网页好说,由于我们的项目是微信公众号,直接调用微信浏览器的内置函数: WeixinJ ...

js监听浏览器的返回按钮

js监听浏览器的返回按钮相关推荐

最新文章

热门文章