脚本宝典收集整理的这篇文章主要介绍了cordova+vue搭建app实践笔记，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

实现对原生物理返回键的监听:

var exitAppTicker = 0;
  document.addEventListener("deviceready",function(){
      document.addEventListener("backbutton", function(){
        var pageUrl = window.location.href;
        var n = pageUrl.lastIndexOf('?');
        var m = pageUrl.lastIndexOf('/');
        var str = ''
        if (n > 0) {
          str = pageUrl.substring(m+1,n); //获取pageName
        } else {
          str = pageUrl.substring(m+1); //获取pageName
        }
        if(str == 'index' || str == '' || str == 'loginPhone'){
            if(exitAppTicker == 0){
                    exitAppTicker++;
                    showToast('再次返回退出', 2000)
                    setTimeout(function(){
                            exitAppTicker = 0;
                    },2000);
            }else if(exitAppTicker == 1){
              navigator.app.exitApp();
            }  
        }else{
            history.back();
        }
      }, false);
  },false);

自定义toast , js实现android中toast效果

/** 
   * 自定义toast，js实现android中toast效果
   * @param msg 显示文字 
   * @param duration 显示的时间长度 
   */  
  function showToast(msg, duration) {
    duration = isNaN(duration) ? 2000 : duration;    
    var m = document.createElement('div');    
    m.innerHTML = msg;    
    m.style.cssText = "width:60%; min-width:150px; background:#000; opacity:0.5; height:40px; color:#fff; line-height:40px; text-align:center; border-radius:5px; position:fixed; top:70%; left:20%; z-index:999999; font-weight:bold;";    
    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);    
  }

脚本宝典总结

以上是脚本宝典为你收集整理的cordova+vue搭建app实践笔记全部内容，希望文章能够帮你解决cordova+vue搭建app实践笔记所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。