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