监听手机返回键或浏览器后退键并自定义跳转地址

/**
* 监听手机返回键或浏览器后退键并自定义跳转地址
* oldUrl 本页对应的url
* backUrl 后退到页面的Url
*/
function backBtnToUrl(oldUrl,backUrl){
   if(window.history && window.history.pushState) {
       $(window).on('popstate', function() {
               var hashLocation = location.hash;
               var hashSplit = hashLocation.split("#!/");
               var hashName = hashSplit[1];
               if(hashName !== '') {
                   var hash = window.location.hash;
                       if(hash === '') {
                           location.href = backUrl;
                       }
       }
           });
   window.history.pushState('forward', null, oldUrl);
   }
}

监听手机返回键或浏览器后退键并自定义跳转地址相关推荐

JS 监听手机返回键
JS监听手机返回键,需要用些前端的"奇技淫巧". 核心代码如下: if (window.history && window.history.pushState) { ...
原生js监听手机返回键
创建人:hu_time 描述:js监听手机返回键普通页面跳转,监听返回上一页: document.addEventListener("plusready", function() ...
Android监听手机返回键
Android在做项目时,有时候点击返回按钮没反应(有冲突),那就需要我们监听返回键.重写onKeyDown()方法: // 监听手机返回键 @Override public boolean onKe ...
微信公众号监听手机返回键事件jssdk—wx.closeWindow
需求场景: 只有扫码初始进入异业联盟活动页,0元券直接弹框领取成功(如图1) 抛出问题: 进入优惠券包后到另一个页面(如图1) 然后按手机返回会回到异业联盟活动页,始终弹出领取活动页面解决方案: 在 ...
js监听手机返回按键操作，禁用返回按键操作。
**使用到的技术要点:**history.pushState() 原理暂不做解释,后续再做补充,可参考popstate官方文档 1.禁用手机返回按键,引入直接可用,亲测. XBack = {};(fu ...
H5及微信小程序实测可用——监听手机返回键操作
目录 1.自定义导航(只能拦截左上角返回) 2.内嵌H5实现拦截物理键返回(均可监听) 微信小程序开发过程中我们经常遇到需要监听点击左上角返回.手机物理返回键或者左滑返回的需求微信原生是没有API支 ...
HbuildX H5+App监听手机返回键以及webview关闭
//方法写在index.html即可<!DOCTYPE html> <html><head><title><%= htmlWebpackPlugi ...
vue 弹窗时监听手机返回键关闭弹窗(页面不跳转)
[注]: popstate 事件 a.当活动历史记录条目更改时,将触发popstate事件. b.如果被激活的历史记录条目是通过对history.pushState()的调用创建的,或者受到对his ...
vue 监听手机返回键---实用
vue打包app的时候点击home键闪退问题,结合实际,问题已解决,希望能帮助各位. 名命 back.js document.addEventListener('plusready', functio ...

监听手机返回键或浏览器后退键并自定义跳转地址

监听手机返回键或浏览器后退键并自定义跳转地址相关推荐

最新文章

热门文章