手机端在不同手机上的返回键返回位置

2024-06-30 05:05:04

手机端在不同手机上的返回键返回位置

在实际的应用中，我们常常需要实现在移动app和浏览器中点击返回、后退、上一页等按钮实现自己的关闭页面、调整到指定页面或执行一些其它操作的
需求，那在代码中怎样监听当点击微信、支付宝、百度糯米、百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢。

我相信很多朋友像我一样，在百度、搜狗里面搜索很久都没找到方法。下面就来告诉大家怎样监听的方法：

首先我们要了解浏览器的history。大家知道在页面中我们可以使用javascript window history，后退到前面页面，但是由于安全原因javascript不允许修改
history里已有的url链接，但可以使用pushState方法往history里增加url链接，并且提供popstate事件监测从history栈里弹出url。既然有提供popstate事件
监测，那么我们就可以进行监听。

返回、后退、上一页按钮点击监听实现代码：

window.addEventListener(“popstate”, function(e) {
alert(“我监听到了浏览器的返回按钮事件啦”);//根据自己的需求实现自己的功能
}, false);

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

function pushHistory() {
var state = {
title: “title”,
url: “#”
};
window.history.pushState(state, “title”, “#”);
}

当进入该页面，我们就给这个history压入一个本地的连接。当点击返回、后退及上一页的操作时，就进行监听，在监听代码中实现自己操作。
下面是完整的代码：
//匿名函数
$(function(){
getHistory();
var flag=false;
setTimeout(function(){
flag=true
},1000)
window.addEventListener(‘popstate’,function(e){
//监听到返回事件
if(flag){
//自己想要做的事情
}
getHistory();
},false);
function getHistory(){
var state={
title:”,
url:’//可写返回事件的跳转路径’
} ;
window.history.pushState(state,’title’,url);
}
})

转载地址：http://www.cnblogs.com/momo1210/p/6689808.html

手机端在不同手机上的返回键返回位置相关推荐

手机端网页处理手机返回键
// 手机端网页: 处理手机返回键 window.onpopstate = function (event) {// 监听到已经按下返回键,获取URL var url = "" + ...
安卓+ios系统--手机端页面自适应手机屏幕大小，禁止手动放大和缩小VUE
项目需求手机端,页面自适应手机屏幕大小,不能手动放大和缩小. 1.代码在index.html中加入下面的代码:  <met ...
手机上的星号键和井号键有什么用？
手机上的星号键和井号键一般都有什么用?今天可算是涨见识了. 我们平时打电话拨号的时候,会发现手机上的星号键和井号键通常会被闲置.那么,手机上的星号键和井号键有什么用? 首先,我们可以通过电话发展的历史 ...
Android 取消返回键返回事件，返回桌面，再按一次退出程序，双击事件
mainactivity返回桌面代码: activity下添加如下代码即可: @Override public void onBackPressed() {Intent home = new Inte ...
Android Native APP开发笔记：双击返回键退出应用单击返回键返回桌面
文章目录目的基础说明双击返回键退出应用单击返回键回到桌面总结目的双击返回键退出应用很早之前就是Android中非常常见的一种功能,而目前好多安卓应用为了应用常驻都改为使用单击返回键返 ...
Android实现点击返回键返回桌面而不是退出程序
有时候我们的应用我们希望他点击一次返回键的时候不是退出应用而是返回到桌面,比如像QQ和微信等聊天软件,在主界面点击返回键的时候不是退出应用而是返回到桌面,那么怎么能够实现这种需求呢?其实也很简单,只需 ...
手机端适应_手机网站开发制作和电脑pc端有哪些区别
现在移动互联网的发展,现在很多企业做网站开发不仅是电脑端的网站,还包括了移动端网站的开发,移动端网站开发和pc端是有一定的区别,比如移动端的页面更小,移动端的打开和加载速度都远低于电脑端访问网站,其实 ...
android手机装windows,安卓手机上运行WindowsXP系统图文教程
之前分享过很多关于安卓手机连接电脑远程桌面的小技巧,是不是玩腻了很没劲,没关系!下面咱就来点货真价实的,简单几步让你的安卓智能手机直接运行Windows XP系统,感觉一下子"高大上&quo ...
Android 10 手机端控制车载蓝牙音乐上一首、暂停、下一首、获取音乐信息等流程
需求:手机端音乐暂停和播放状态从服务端告诉客户端.设备端实现暂停.播放.上一首.下一首等功能代码路径: packages/apps/Bluetooth/src/com/android/bluetoo ...

最新文章

热门文章