phonegap的常用事件总结
程序员文章站
2022-04-30 09:40:11
...
这次给大家带来phonegap的常用事件总结，使用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的常用事件总结的详细内容，更多请关注其它相关文章！
下一篇： 深入理解 JSON