在vue项目中如何引用mui来实现监听安卓手机的物理返回键
1.先下载mui.js,直接在vue项目中的index.html页面中引入进来2.在index.html中加入下面的代码<script> mui.init({ swipeBack: false, //关闭右滑关闭功能(默认就是false) keyEventBind: { backbutton: true //开启back按键监听(默认就是true
·
1.先下载mui.js,直接在vue项目中的index.html页面中引入进来
2.在index.html中加入下面的代码
<script>
mui.init({
swipeBack: false, //关闭右滑关闭功能(默认就是false)
keyEventBind: {
backbutton: true //开启back按键监听(默认就是true)
}
});
var quitTime = null;
mui.plusReady(function(){
mui.back = function(){
//首次按键,提示‘再按一次退出应用’
if (!quitTime) {
//记录第一次按下回退键的时间
quitTime = new Date().getTime();
//回退到上一页面
window.history.go(-1);
setTimeout(function() {
//1s中后清除
quitTime = null;
}, 1000);
}else{
if((new Date().getTime() - quitTime) < 1000){
quitTime = null;
plus.runtime.quit();
}
}
};
});
2.在index.html中加入下面的代码
<script>
mui.init({
swipeBack: false, //关闭右滑关闭功能(默认就是false)
keyEventBind: {
backbutton: true //开启back按键监听(默认就是true)
}
});
var quitTime = null;
mui.plusReady(function(){
mui.back = function(){
//首次按键,提示‘再按一次退出应用’
if (!quitTime) {
//记录第一次按下回退键的时间
quitTime = new Date().getTime();
//回退到上一页面
window.history.go(-1);
setTimeout(function() {
//1s中后清除
quitTime = null;
}, 1000);
}else{
if((new Date().getTime() - quitTime) < 1000){
quitTime = null;
plus.runtime.quit();
}
}
};
});
</script>
3.ctrl+S保存,结束
更多推荐
已为社区贡献1条内容
所有评论(0)