国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

微信開發(fā)，仿原生實現(xiàn) “再按一次返回”功能

remcarpediem / 2760人閱讀

摘要：應(yīng)用場景在微信開發(fā)菜單的時候，遇到一個問題，當(dāng)從菜單進去的頁面后，如果立刻按返回鍵，則出現(xiàn)返回到微信公眾號的微信界面。并沒有任何提示，但我看到京東微信公眾號點擊進去，立刻按返回鍵時是有提示的，在微信開發(fā)文檔中并未找到相關(guān)的說明。

應(yīng)用場景 
在微信開發(fā)菜單的時候，遇到一個問題，當(dāng)從菜單進去的頁面后，如果立刻按返回鍵，則出現(xiàn)返回到微信公眾號的微信界面。并沒有任何提示，但我看到【京東微信公眾號】點擊進去，立刻按返回鍵時是有提示的，在微信JSSDK 開發(fā)文檔中并未找到相關(guān)的說明。注意【京東】右上角，都是可以自定義的。

方案原理 
利用HTML5的window.history.pushState特性，例如 當(dāng)從A頁面進入時，先判斷window.history.length==1那么調(diào)用window.history.pushState 寫進一個空歷史記錄。并且監(jiān)聽返回鍵，當(dāng)按下返回鍵時（我們是沒辦法阻止返回事件的，但由于上一個歷史記錄是空白的，所以的還是當(dāng)前頁面。）,監(jiān)聽到返回事件 使用layer彈框插件提示，“您確定要返回微信嗎？”  或者其他。點擊【再逛逛】，則再次寫入空白歷史記錄，點擊【確定】或者再次點擊【返回鍵】則關(guān)閉微信瀏覽器。
方案代碼 
     if(window.history.length==1){//判斷是第一次從微信菜單進入頁面
         //寫入空白歷史記錄
         pushHistory();  

     }
     
     //延時監(jiān)聽   
     setTimeout(function () {  
          //監(jiān)聽物理返回按鈕  
          window.addEventListener("popstate", function(e) {  
                
                   
                layer.open({
                        content: "您確定要返回微信嗎？",
                      
                        btn: ["確認", "再逛逛"],
                        shadeClose: false,
                    
                        yes: function(){
                            //調(diào)用微信瀏覽器私有API關(guān)閉瀏覽器
                            WeixinJSBridge.call("closeWindow");
                        }, no: function(){
                            //點擊【再逛逛】，再次寫入空白歷史記錄
                            pushHistory();
                        }
                });
          }, false);  
      
       }, 300);  
      /**
       * [pushHistory 寫入空白歷史記錄]
       * @author 邱先生
       * @copyright 煙火里的塵埃 
       * @version [V1.0版本] 
       * @date 2016-07-30
       * @return {[type]} [description]
       */         
     function pushHistory() {  
         var state = {  
             title: "title",  
             url: "#"  
         };  
         window.history.pushState(state, "title", "#");  
     }

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/49958.html

相關(guān)文章

  • 微信開發(fā)，仿原生實現(xiàn) “再按一次返回”功能

    摘要：應(yīng)用場景在微信開發(fā)菜單的時候，遇到一個問題，當(dāng)從菜單進去的頁面后，如果立刻按返回鍵，則出現(xiàn)返回到微信公眾號的微信界面。并沒有任何提示，但我看到京東微信公眾號點擊進去，立刻按返回鍵時是有提示的，在微信開發(fā)文檔中并未找到相關(guān)的說明。 應(yīng)用場景 在微信開發(fā)菜單的時候，遇到一個問題，當(dāng)從菜單進去的頁面后，如果立刻按返回鍵，則出現(xiàn)返回到微信公眾號的微信界面。并沒有任何提示，但我看到【京東微信公眾...

    binta 評論0 收藏0

  • 微信小程序資源匯總

    awesome-github-wechat-weapp 是由OpenDigg整理并維護的微信小程序開源項目庫集合。我們會定期同步上的項目到這里，也歡迎各位 UI組件開發(fā)框架實用庫開發(fā)工具服務(wù)端項目實例Demo UI組件 weui-wxss ★1873 - 同微信原生視覺體驗一致的基礎(chǔ)樣式庫zanui-weapp ★794 - 好用易擴展的小程序 UI 庫wx-charts ★449 - 微信小程...

    Olivia 評論0 收藏0

  • 微信小程序?qū)崙?zhàn)（一）之仿美麗說

    摘要：被美麗說少女粉吸引，就想著自己也寫一個來練練手，正好最近在學(xué)習(xí)微信小程序。微信小程序的組件真的很強大，以前寫圖片切換功能都好麻煩，小圓點的切換都要自己寫。 被美麗說少女粉吸引，就想著自己也寫一個來練練手，正好最近在學(xué)習(xí)微信小程序。接下來讓我們分享一下我的學(xué)習(xí)歷程吧！ 選題 其實糾結(jié)了好久該仿什么，看到別人都寫的差不多了，自己卻還沒有動手，很著急，那兩天一直在思考在查找，弄得自己特別煩躁...

    wangdai 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<