必须了解的phonegap常用事件

百变鹏仔 2个月前 (10-18) #H5教程

文章标签常用

下面小编就为大家带来一篇phonegap常用事件总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

在任何PhoneGap项目中，首先应该侦听deviceready事件。事件触发表示DOM已经加载和PhoneGapAPI已加载，此时可以检测其他事件或者处理其他内容。

其他事件：

<!DOCTYPE html>   <html>       <head>           <meta charset="utf-8" />           <title>PhoneGap resume Example</title>                       <script type="text/javascript" charset="UTF-8" src="cordova.js"></script>                       <script type="text/javascript" charset="UTF-8">                               document.addEventListener("deviceready",onDeviceReady,false);                               function onDeviceReady(){                   //注册事件侦听器                   document.addEventListener("resume",onResume,false);                   document.addEventListener("pause",onPause,false);                   document.addEventListener("menubutton",onMenuButton,false);                   document.addEventListener("backbutton",onBackButton,false);                   document.addEventListener("searchbutton",onSearchButton,false);                   document.addEventListener("online",isOnline,false);                   document.addEventListener("offline",isOffline,false);               }                               //处理恢复事件               function onResume(){                   alert("页面恢复");               }                               //处理暂停事件               function onPause(){                   alert("页面暂停");               }                               //处理菜单按钮               function onMenuButton(){                   alert("点击菜单按钮");               }                               //处理返回按钮               function onBackButton(){                   alert("点击返回按钮");               }                               //处理搜索按钮               function onSearchButton(){                   alert("点击搜索按钮");               }                               //处理在线事件(连接到Internet)               function isOnline(){                   alert("网络连接");               }                             //处理离线事件(断开Internet连接)               function isOffline(){                   alert("网络断开);               }           </script>       </head>       <body>                   </body>   </html>

文章推荐

必须了解的phonegap常用事件

HTML在线编辑器的调用方法和使用方法

AlloyTouch全屏滚动插件 30秒搞定顺滑H5页

HTML5 js实现拖拉上传文件功能

Canvas and Drawables 翻译第一集

Canvas and Drawables 翻译第三集