JS 监听手机返回键

JS监听手机返回键，需要用些前端的“奇技淫巧”。

核心代码如下：

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 === '') { alert('後退按鈕點擊'); } } }); window.history.pushState('forward', null, './#forward'); }

//监听手机返回键
if (window.history && window.history.pushState) {
$(window).on('popstate', function () {
var hash = window.location.hash;
if (hash === '') {
goForback();//返回
window.history.pushState('forward', null, 'homePage.html');//注意homePage.html是返回路径（继续监听）
}
});
window.history.pushState('forward', null, '');//注意homePage.html是返回路径

}

JS 监听手机返回键相关推荐

原生js监听手机返回键
创建人:hu_time 描述:js监听手机返回键普通页面跳转,监听返回上一页: document.addEventListener("plusready", function() ...
Android监听手机返回键
Android在做项目时,有时候点击返回按钮没反应(有冲突),那就需要我们监听返回键.重写onKeyDown()方法: // 监听手机返回键 @Override public boolean onKe ...
监听手机返回键或浏览器后退键并自定义跳转地址
/** * 监听手机返回键或浏览器后退键并自定义跳转地址 * oldUrl 本页对应的url * backUrl 后退到页面的Url */ function backBtnToUrl(oldU ...
微信公众号监听手机返回键事件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 ...

JS 监听手机返回键

JS 监听手机返回键相关推荐

最新文章

热门文章