phonegap常用事件总结(必看篇)

时间:2021-05-08

在任何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常用事件总结(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章