vue 对手机物理键的监听(使用mui)

mui进行手机物理键的监听

首先安装 vue-awesome-mui

npm i vue-awesome-mui

在main.js注册

JavaScript code
 
?
1
2
import Mui from 'vue-awesome-mui';
Vue.use(Mui);


在index.html

JavaScript code
 
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<script>
mui.init({
  keyEventBind: {
    backbutton: true //关闭back按键监听
  }
});
// //首页返回键处理
// //处理逻辑:1秒内,连续两次按返回键,则退出应用;
var first = null;
mui.back = function() {
  //首次按键,提示 再按一次退出应用
  if (!first) {
    first = new Date().getTime(); //记录第一次按下回退键的时间
    mui.toast("再按一次退出应用"); //给出提示
    history.go(-1); //回退到上一页面
    setTimeout(function() {
      //1s中后清除
      first = null;
    }, 1000);
  else {
    if (new Date().getTime() - first < 1000) {
      //如果两次按下的时间小于1s,
      plus.runtime.quit(); //那么就退出app
    }
  }
};
</script>
posted @ 2020-06-15 10:07  edczjw  阅读(827)  评论(0编辑  收藏  举报