本文主要包含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>【相关推荐】
1. HTML5免费视频教程
2. 实现页面跳转并能传值的实例详解
3. IE8不兼容rgba()的处理方法详解
4. phonegap完成联系人查找功能的代码详解
5. phonegap完成克隆和删除联系人功能的代码详解
以上就是phonegap侦听deviceready事件触发后的其他事件的详细内容,更多请关注微课江湖其它相关文章!

