vue 对手机物理键的监听(使用mui)
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> |