phonegap常用事件总结(必看篇)
程序员文章站
2022-10-15 16:51:13
下面小编就为大家带来一篇phonegap常用事件总结(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧... 17-03-31...
在任何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常用事件总结(必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。
上一篇： 生菠萝蜜放多久才能熟，催熟的方法有哪些
下一篇： Web前端页面跳转并取到值