在实际的应用中,我们常常需要实现在移动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后退给大家简单的介绍了一些,希望大家多看看。