JS监控手机或APP返回事件

Posted xzzzys

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS监控手机或APP返回事件相关的知识,希望对你有一定的参考价值。

 

做微信项目的时候,发现在ios微信浏览器左上角有个返回按钮,但是点击返回时不稳定,跳到不该跳的页面。网上搜了一个捕获返回事件的JS代码,记录下来,便于以后查看。


 
  1. <span style="white-space:pre">        </span>//监听浏览器或手机返回按钮事件  
  2.         $(function() {  
  3.             pushHistory();  
  4.             window.addEventListener("popstate", function(e) {  
  5.                 //此处已经捕获返回事件,可以写自己的跳转代码  
  6.                 location.href = "************";  
  7.             }, false);  
  8.             function pushHistory() {  
  9.                 var state = {  
  10.                     title : "title",  
  11.                     url : "#"  
  12.                 };  
  13.                 window.history.pushState(state, "title", "#");  
  14.             }  
  15.         });  

以上是关于JS监控手机或APP返回事件的主要内容,如果未能解决你的问题,请参考以下文章

JS监听微信支付宝等移动app及浏览器的返回后退上一页按钮的事件方法

记录:uni-app 监听浏览器返回事件,onBackPress生命周期失效问题

监听当点击微信等app的返回按钮或者浏览器的上一页或后退按钮的事件

移动端 点击返回按钮页面不刷新

解决hbuilder打包vue项目app点击手机返回键直接退出app的问题

解决手机上页面返回但是页面js没有刷新的痛点