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>
|