当前位置:Gxlcms > html代码 > phonegap中关于常用事件总结(收藏)

phonegap中关于常用事件总结(收藏)

时间:2021-07-01 10:21:17 帮助过:31人阅读

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

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

其他事件:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>PhoneGap resume Example</title>
  6. <script type="text/javascript" charset="UTF-8" src="cordova.js"></script>
  7. <script type="text/javascript" charset="UTF-8">
  8. document.addEventListener("deviceready",onDeviceReady,false);
  9. function onDeviceReady(){
  10. //注册事件侦听器
  11. document.addEventListener("resume",onResume,false);
  12. document.addEventListener("pause",onPause,false);
  13. document.addEventListener("menubutton",onMenuButton,false);
  14. document.addEventListener("backbutton",onBackButton,false);
  15. document.addEventListener("searchbutton",onSearchButton,false);
  16. document.addEventListener("online",isOnline,false);
  17. document.addEventListener("offline",isOffline,false);
  18. }
  19. //处理恢复事件
  20. function onResume(){
  21. alert("页面恢复");
  22. }
  23. //处理暂停事件
  24. function onPause(){
  25. alert("页面暂停");
  26. }
  27. //处理菜单按钮
  28. function onMenuButton(){
  29. alert("点击菜单按钮");
  30. }
  31. //处理返回按钮
  32. function onBackButton(){
  33. alert("点击返回按钮");
  34. }
  35. //处理搜索按钮
  36. function onSearchButton(){
  37. alert("点击搜索按钮");
  38. }
  39. //处理在线事件(连接到Internet)
  40. function isOnline(){
  41. alert("网络连接");
  42. }
  43. //处理离线事件(断开Internet连接)
  44. function isOffline(){
  45. alert("网络断开);
  46. }
  47. </script>
  48. </head>
  49. <body>
  50. </body>
  51. </html>

以上就是phonegap中关于常用事件总结(收藏)的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行