我就废话不多说了，大家还是直接看代码吧~
<script>
//Toast 这些都是在网上粘的别人的。但是找不到出处了，大佬见谅。
function Toast(msg,duration){
duration=isNaN(duration)"width: 60%;min-width: 150px;opacity: 0.7;height: 30px;color: rgb(255, 255, 255);line-height: 30px;text-align: center;border-radius: 5px;position: fixed;bottom: 70px;left: 20%;z-index: 999999;background: rgb(0, 0, 0);font-size: 12px;";
document.body.appendChild(m);
setTimeout(function() {
var d = 0.5;
m.style.webkitTransition = '-webkit-transform ' + d + 's ease-in, opacity ' + d + 's ease-in';
m.style.opacity = '0';
setTimeout(function() { document.body.removeChild(m) }, d * 1000);
}, duration);
}
var time = '' // 用来存上一次按键时间；
setTimeout(() => {
// 监听返回按钮
document.addEventListener('backbutton', function (evt) {
console.log('监听按钮');
var url = location.hash.split('/')[1];
if (url === 'home' ) {// 处于app首页,满足退出app操作
console.log('满足条件')
if (new Date() - time < 2000) {// 小于2s,退出程序
navigator.app.exitApp();
} else { // 大于2s，重置时间戳，
time = new Date();
Toast('再次点击退出', 2000);
}
return;
} else {
console.log('不满足条件')
history.back(); // 不满足退出操作，，返回上一页
}
}, false);
}, 10)
</script>
代码很简单，逻辑也不是很复杂。但是要说一下为什么要用setTime( )。
我是在vue的index.html里面加的这些代码。在没有添加setTime（）的时候不知道为啥他不执行，检查好几遍也没有错。最后请教的大佬，他也不知道为什么。/笑哭 不过能用了。
之前也遇到了一个关闭手机端虚拟键盘的操作。他就是不执行.。
document.activeElement.blur()
后来也是用settime( )解决的。
补充知识：Vue 单页面处理手机返回键问题
在用Vue开发单页面App时候，有时会遇到要处理返回按键的逻辑，让它不是返回默认的上一级页面，而是转到指定的页面。 百度了查了一下，网上给的方法基本都是通过监听“popstate”，并不能完美解决。后来想到了Router的“导航守卫”，在离开时进行处理一下即可。话不多说，直接上例子：
beforeRouteLeave (to, from, next) {
if(this.success){
next({path:'/home'});//重定向到指定路径
}else{
next()
}
}
就是在next()方法里面重定向就行。完美解决，还不用绑定监听再解绑监听。
以上这篇vue 手机物理监听键+退出提示代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
vue,手机物理监听键,退出提示
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。