mui进行手机物理键的监听
首先安装 vue-awesome-mui
npm i vue-awesome-mui
在main.js注册
|
1
2
|
import Mui from 'vue-awesome-mui';
Vue.use(Mui); |
在index.html
|
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> |