裴大头-秦可爱

裴大头-秦可爱

解决Hbuilder X打包app之后点击手机返回键直接退出app问题

发表于 2022-01-17
裴大头
阅读量 527
更新于 2022-01-17

解决Hbuilder X打包app之后点击手机返回键直接退出app问题

 

第一步,创建back.js文件

内容为:

/**
* 解决Hbuilder X打包app之后点击手机返回键直接退出app
*/
import {Toast} from 'vant';

document.addEventListener('plusready', function () {
const 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秒内,连续两次按返回键,则退出应用;
let first = null
plus.key.addEventListener(
'backbutton',
function () {
// 首次按键,提示再按一次退出应用
if (!first) {
first = new Date().getTime()
Toast('再按一次退出应用') // 此处可以用自定义提示
setTimeout(function () {
first = null
}, 1000)
} else {
if (new Date().getTime() - first < 1500) {
plus.runtime.quit()
}
}
},
false
)
}
})
})
})

第二步,main.js中引入back.js

 

import Vue from 'vue'
import Vant from 'vant'
import 'vant/lib/index.css'
import App from './App'
import store from './store'
import router from './router'
// 引入back.js防止手机返回键直接退出
import '@/utils/back'

 

 

这样就生效了!!!

 

 

 

【腾讯云】云产品限时秒杀,爆款2核4G云服务器首年74元

 

推荐阅读

1、发现一个超好用的文本编辑器!!!

2、SpringBoot + Vue 在线笔记

3、若依框架配置文件数据源配置加密

4、SpringBoot + Vue 请求加密(采用国密算法)

5、记录一下vue打包成app(Hbuilder X)

 

关注公众号

 

评论
来发一针见血的评论吧!
表情
  • 防水材料加盟

    2022-03-23 11:06

    感谢分享 赞一个

    0
    回复
    • 裴大头

      男博主

      2022-03-23 12:13

      @防水材料加盟

      哈哈哈

      0
      回复
    • 共1条回复,点击查看
  • 呼呼

    2022-02-24 21:26

    'plus' is not defined 原因是'plus'是手机环境下的对象

    0
    回复
      共0条回复,点击查看
推荐文章
  • Vue项目代码规范

    1点赞1评论

  • JavaScript 的事件循环机制

    1点赞1评论

  • 聊一聊我的文本编辑器

    1点赞11评论

  • JavaScript的常用遍历方法整理

    1点赞8评论

  • 前端面试精选-基础篇

    1点赞0评论

Crafted with by Pei你看雪

小破站居然运行了 865 天访客 23350

© 2023 Pei你看雪鲁ICP备19037910号-2