uni-app安卓app嵌套web-view 物理返回键处理 下面这些代码 放在打包的H5页面的 app.vue下就能实现手机自带按键一级一级返回 前提是 纯套壳H5 不能有app页面
var plusReady = function(callback) {
if (window.plus) {
callback();
} else {
document.addEventListener('plusready', callback);
}
};
plusReady(function() {
var firstBack = 0;
var handleBack = function() {
var currentWebview = plus.webview.currentWebview(); //当前窗口
console.log('currentWebview', currentWebview);
var now =
Date.now ||
function() {
return new Date().getTime();
};
currentWebview.canBack(function(evt) {
/**
* 有可后退的历史记录,则后退。
* 否则,关闭当前窗口。
*/
// 有回退的页面
if (evt.canBack) {
history.back();
} else {
// 没有回退页面
// firstBack 为0时 第一次返回
if (!firstBack) {
// 第一次返回时间
firstBack = now();
// 信息提示
plus.nativeUI.toast('再按一次退出应用');
setTimeout(function() {
firstBack = 0;
}, 2000);
//第二次点击返回 直接退出应用
} else if (now() - firstBack < 2000) {
plus.runtime.quit();
}
}
});
};
plus.key.addEventListener('backbutton', handleBack);
uni-app安卓app嵌套web-view 物理返回键处理
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- web-view是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面。 我的功能是 扫描二维码打...
- uni-app 如何设置web-view 不全屏,不自动铺满,动态控制web-view的高度[https://ww...
- 直奔主题,题目上的两个坑解决方法如下: 一、uni-app web-view组件 打包之后ios显示错误或者显示不...
- 问题 <web-view>如果设了"navigationStyle" : "custom"会自动充满全部屏幕,现在...
- 原理:通过plus去设置点击系统返回键的次数代表的含义咯,一目了然。 用法: 将这一个script插入项目的ind...