js 调用手机返回按钮

js 中我们可以使用 go history 返回上一级页面，但是如果你是单独一个页面，调用手机自带的返回按钮，想要返回你想要返回的页面，

可以让用户不容易出站

可以有效推广页面

js 为了安全考虑不允许修改history里已有的url链接,但是我们可以使用h5提供的方法 pushState，

在history 里添加链接，并且使用 h5 中的 popstate 事件监测从history栈里弹出url,直接上代码

下边是a页面代码

window.οnlοad=function(){
var url=" "; 第二次点击返回手机按钮页面跳转的地址

注意：这个url 必须和 a 页面的域名一样不可以跨域，不然会报错
pushHistory();
window.addEventListener("popstate", function(e) {

// 调用手机按钮，这里可以写你的操作或则如下边直接跳转
window.location = "你想要跳转的url"; //你点击手机自带的返回键跳转的地址，
}, false);
function pushHistory() {
var state = { title: "",url: url };
window.history.pushState(state, "", url);
}
};

这样就永远不会有出站地址

js 调用手机返回按钮相关推荐

原生js调用手机拍照功能
原生js调用手机拍照功能此功能主要用于混合App开发时手机拍照上传图片的功能! 话不多说直接上代码! 注:此代码在浏览器中运行时会报错,必须打开调试功能在手机上运行才可以! // html部分 // ...
利用JS调用手机摄像头小功能源码
介绍: 一个小功能源码,利用JS调用手机摄像头,当访问网址后就能拍摄照片,前提是客户端给了权限. 1.由于系统安全机制,ios系统必须使用自带的Safari浏览器(或者第三方APP调用的是Safari ...
html5手机返回按钮跳转到指定页面问题
最近在做活动的时候有一个这样的场景,在主页面点击跳出一个弹层表单,填写完信息后,点击确认跳转到指定的展示页面了.这时候在手机端点击浏览器自带的返回按钮后,回到主页面,这时候主页面无法刷新,弹层信息还在 ...
使用JS调用手机摄像头和相册
Html <h2 class="title-detail">图片描述</h2> <input type="hidden" id=& ...
HTML5通过js调用手机摄像头
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
使用JS调用手机本地摄像头或者相册图片识别二维码/条形码
接着昨天的需求,不过这次不依赖微信,使用纯js唤醒手机本地摄像头或者选择手机相册图片,识别其中的二维码或者是条形码.昨天,我使用微信扫一扫识别,效果超棒的.不过如果依赖微信的话,又怎么实现呢,这里介绍 ...
JS监控手机或APP返回事件
做微信项目的时候,发现在Ios微信浏览器左上角有个返回按钮,但是点击返回时不稳定,跳到不该跳的页面.网上搜了一个捕获返回事件的JS代码,记录下来,便于以后查看. <span style=&quo ...
JS调用安卓手机摄像头扫描二维码并用JS解析二维码
项目要求: 使用H5模仿微信扫一扫付款功能经过一系列的查找最后发现可以使用 JS调用手机摄像头然后用画布把当前摄像头的数据转成Base64的png图片,经过QrCode直接再本地识别. 优点: 兼容 ...
使用video.js播放手机本地视频
一.开发背景简介项目要求调用手机本地相册的视频并在web页面上展示,但是原生的video标签并不能做到很好的兼容性,所以使用第三方库video.js调用手机本地视频并播放. 二.video.js的引 ...

js 调用手机返回按钮

js 调用手机返回按钮相关推荐

最新文章

热门文章