vue项目用hbuilder打包成APP后,系统返回键退出程序的解决办法

原理:通过plus去设置点击系统返回键的次数代表的含义咯,一目了然。

用法:

将这一个script插入项目的index.html文件head标签里,详情仔细观察下面的图片,说的再多不如看仔细。

就是下面这个index.html


插入这段代码,代码去下面复制即可



代码如下:


<script>

document.addEventListener('plusready', function() {

var webview = plus.webview.currentWebview();

plus.key.addEventListener('backbutton', function() {

webview.canBack(function(e) {

if (e.canBack) {

webview.back();

} else {

//webview.close(); //hide,quit

//plus.runtime.quit();

//首页返回键处理

//处理逻辑:1秒内,连续两次按返回键,则退出应用;

var first = null;

plus.key.addEventListener('backbutton', function() {

//首次按键,提示‘再按一次退出应用’

if (!first) {

first = new Date().getTime();

console.log('再按一次退出应用');

setTimeout(function() {

first = null;

}, 1000);

} else {

if (new Date().getTime() - first < 1500) {

plus.runtime.quit();

}

}

}, false);

}

})

});

});

</script>

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容