移动端默认返回按键，使用h5+修改默认事件

  hbuilder的h5+提供开发webapp的诸多便利，很多手机自带back虚拟按键，如果不修改其默认事件，点一下app就退出了，所以我这里提供一种修改这个按键默认事件事件的代码。

　首先你要用hbuilder创建一个移动项目，选择空模板，然后将你项目文件全部粘贴进去，首先在你的首页index.html添加如下代码，

1 2 3 4 5 6 7 8 9 10 11 12 13

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

　　接着在其他的子页面添加如下代码：

 

1 2 3 4 5 6 7 8 9

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

　　这样的话在首页就是退出功能，在子页面就是返回功能。感谢分享