这次给大家带来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>
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
phonegap操作数据库详解
phonegap本地存储详解
以上就是phonegap的常用事件总结的详细内容,转载自php中文网
发表评论 取消回复