zoukankan      html  css  js  c++  java
  • 使用vue开发webApp,安卓手机自带回退键的问题解决

    首先,我先为大家说明,为什么我要写这篇随笔;

    因为我们写的webapp,在安卓手机上,按一次回退键,就会退出app,回到桌面,而不是像原生app一样,会有一个提示,例如,“再按一次退出应用”的这种提示,

    按一次退回键就回到桌面,这明显不是我们想要的,废话到此为止,下面上代码;

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

      只要在index.html里面加上这段代码,就可以实现了,

    |--------------------------------------忘

    |-----------------------------------------了

    |--------------------------------------------一

    |-----------------------------------------------件

    |---------------------------------------------------事

    我们还得引入一个js文件,不然mui.init,就会报mui找不到的错误

    <script type='text/javascript' src='./static/mui.min.js'></script>

    就这些,没了

    哎呀,又星期五了,明天可以睡懒觉了,开心

  • 相关阅读:
    在Java中使用 break/continue 语句来控制多重嵌套循环的跳转
    Android系统架构基本模式解析
    添加蓝牙通讯功能
    wince串口蓝牙
    Android各层推荐开发书籍及参考资料
    CDEFINES的用法
    蓝牙地址的规则
    WinCE中sources文件中targetlibs与sourcelibs的作用与区别
    Java初学者不得不知的概念,JDK,JRE,JVM的区别?
    WINCE的内存配置config.bib文件的解析
  • 原文地址:https://www.cnblogs.com/maomao93/p/7287000.html
Copyright © 2011-2022 走看看