zoukankan      html  css  js  c++  java
  • 移动端默认返回按键,使用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>
    

      这样的话在首页就是退出功能,在子页面就是返回功能。

      

  • 相关阅读:
    二分查找法
    Three-way Partition
    百面机器学习读书笔记
    天才在左,疯子在右
    Coach Shane's Daily English Dictaion 6-10
    Coach Shane's Daily English Dictation 1-5
    国外有意思的网站
    docker操作指南
    创建docker本地仓库的步骤
    tensorflow去掉warning的方法
  • 原文地址:https://www.cnblogs.com/jiangbanji/p/6027955.html
Copyright © 2011-2022 走看看