vue开发app 手机物理返回键 返回/退出
mui进行手机物理键的监听首先安装 vue-awesome-muinpm i vue-awesome-mui在main.js注册import Mui from 'vue-awesome-mui';Vue.use(Mui);index.html<script>mui.init({swipeBack: false, //关闭...
·
mui进行手机物理键的监听
首先安装 vue-awesome-mui
npm i vue-awesome-mui
在main.js注册
import Mui from 'vue-awesome-mui';
Vue.use(Mui);
index.html
<script>
mui.init({
swipeBack: false, //关闭右滑关闭功能(默认就是false)
keyEventBind: {
backbutton: true //开启back按键监听( 默认就是true)
}
});
// //首页返回键处理
// //处理逻辑: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>
更多推荐
已为社区贡献5条内容
所有评论(0)