apicloud 物理返回按钮绑定

app中很容易涉及到页面跳转，返回的时候实现页面动态同步，举个简单的例子

A页面跟B页面都有关注的这个按钮，当从B返回到A的时候需要让A页面的关注状态跟B一样
可以用下面的方法，绑定手机物理返回按钮，记住name一定是 keyback ，然后获取B页面的关注状态下面再配合一个 api.sendEvent 大喇叭，这个是给所有页面发送信息，在任何页面都可以接收到，当年在B页面点击返回的时候触发这个事件，然后给A页面发送一个广播用监听事件在A页面接收我会把接收放到下面
var type；
api.addEventListener({
name: ‘keyback’
}, function(ret, err) {
// var biaoji=$(’#biaoji’).val();
// if(biaoji1){
var aa= api.byId(′guanz′);varbb=api.byId('guanz'); var bb=api.byId(′guanz′);varbb=api.text(aa);
//取到B页面的关注状态
if(bb’+关注’){
type=0;
}else{
type=1;
}
api.sendEvent({
name: ‘author’,
extra: {
key: type,
}
});

//这是关闭当前页面，就相当于返回到了上一页
api.closeWin({animation:{type:"reveal",subType:"from_left",duration:300}
});

});

A页面接收B大喇叭传过来的信息的监听事件注意这个name值必须跟大喇叭的name一样才能收到
api.addEventListener({
name: ‘author’
}, function(ret, err) {
var headImg = ret.value.key;
if(headImg==1){
var el = $api.byId(‘guanz’);
$api.text(el,‘已关注’);
}else{
var el = $api.byId(‘guanz’);
$api.text(el,’+关注’);
}
});

apicloud 物理返回按钮绑定相关推荐

在浏览器上浏览vue项目，后退按钮是可以正常返回上一页的，但打包成app后，点击手机上的物理返回按钮就直接退出app回到桌面...
mui进行手机物理键的监听首先安装 vue-awesome-mui npm i vue-awesome-mui 在main.js注册 import Mui from 'vue-awesome-mui ...
uni-app禁用返回按钮/返回键
前言使用uni-app开发原生应用时,遇到需求: 需要禁用物理返回按钮.手势返回. uni.navigateBack仍可使用. 实现当前页面的onBackPress()中,禁用物理返回 pages ...
uniapp的物理返回键
需求是在tabbar的页面除了首页的任意一页面中,按物理返回键先返回到首页再按返回键提示退出 //物理返回按钮先返回到首页onBackPress(options) {uni.switchTab({ur ...
小程序监听android返回键,如何监听小程序返回按钮事件？
写在前面为了能及时的将自己踩到的前端坑(包括ionic,angular,react,ReactNative,小程序,APICloud)分享给大家,以后会逐渐将文章转移到微信公众号:前端e家(fron ...
h5页点击返回时关闭_在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口...
最近在使用微信.支付宝.百度钱包实现网页支付,对支付成功将自动关闭页面,对于支付失败,将显示错误信息.当在错误页面的时候,点击返回或者Android物理按键上一步的时候,将关闭页面. 在微信.支付宝 ...
通过手机物理返回键实现弹出层的隐藏
通过手机物理返回键实现弹出层的隐藏 <template><div class="popup"><h1 @click="popup" ...
VUE 物理返回键的处理
H5退出时所遇到的问题: 1.按返回键或anroid手机的物理返回键时,都不走destroy方法. 2.按物理返回键,添加popstate监听时, (1)历史记录要准确,否则会执行多次监听方法 (2) ...
微信H5如何关闭浏览器（如何监听手机的物理返回键）
一.背景背景是这样的:该项目进入h5时会通过 location.replace(xxx) 或 location.href = xxx 跳转到某个地址①,该地址会请求获得微信 openId:获取成功后 ...
cordova app 监听物理返回键
物理返回键指的是手机系统自带的返回按钮,通过cordova监听返回按钮操作,可以禁止某些页面的返回操作,以及实现点击两次返回按钮退出应用. var pageUrl = window.location. ...

apicloud 物理返回按钮绑定

apicloud 物理返回按钮绑定相关推荐

最新文章

热门文章