现在的位置: 首页 > web前端 > 正文

js判断后退怎么解决

2020年07月16日 web前端 ⁄ 共 845字 ⁄ 字号 评论关闭

  在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。js能不能判断我点击按钮后退一页的时候。如果没有后退页了。就关闭浏览器,这个按钮不是浏览器的后退。是我divcss写的一个后退按钮。


  js监听浏览器后退事件


  $(document).ready(function(e){


  varcounter=0;


  if(window.history&&window.history.pushState){


  $(window).on('popstate',function(){


  window.history.pushState('forward',null,'#');


  window.history.forward(1);


  alert("不可回退");


  });


  }


  window.history.pushState('forward',null,'#');//在IE中必须得有这两行


  window.history.forward(1);


  });


  js后退怎么解决


  虽然我们监听到了后退事件,但是页面还是会返回上一个页面,所以我们需要使用pushState增加一个本页的url,代表本页,大家都非常清楚是#


  1


  2


  3


  4


  5


  6


  7


  functionpushHistory(){


  varstate={


  title:"title",


  url:"#"


  };


  window.history.pushState(state,"title","#");


  }


  当进入该页面,我们就给这个history压入一个本地的连接。当点击返回、后退及上一页的操作时,就进行监听,在监听代码中实现自己操作。


  总之,js后退给大家简单的介绍了一些,希望大家多看看。

抱歉!评论已关闭.