移動端默認返回按鍵,使用h5+修改默認事件


   hbuilder的h5+提供開發webapp的諸多便利,很多手機自帶back虛擬按鍵,如果不修改其默認事件,點一下app就退出了,所以我這里提供一種修改這個按鍵默認事件事件的代碼。

 首先你要用hbuilder創建一個移動項目,選擇空模板,然后將你項目文件全部粘貼進去,首先在你的首頁index.html添加如下代碼,

<script>
    document.addEventListener("plusready", function() {  
        // 注冊返回按鍵事件  
        plus.key.addEventListener('backbutton', function() {  
        // 事件處理  
            plus.nativeUI.confirm("退出程序?", function(event) {  
                if (event.index) {  
                    plus.runtime.quit();  
                }  
            }, null, ["取消", "確定"]);  
        }, false);  
    });
</script>

  接着在其他的子頁面添加如下代碼:

 

<script>
    document.addEventListener("plusready", function() {  
        // 注冊返回按鍵事件  
        plus.key.addEventListener('backbutton', function() {  
            // 事件處理  
            window.history.back();
        }, false);  
    }); 
</script>

  這樣的話在首頁就是退出功能,在子頁面就是返回功能。

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM