时间:2021-07-01 10:21:17 帮助过:31人阅读
在任何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中关于常用事件总结(收藏)的详细内容,更多请关注Gxl网其它相关文章!