当前位置:首页 / 网页制作 / html5教程 / phonegap的常用事件一览
phonegap的常用事件一览
芯晴素材特效 分类:html5教程 发布日期:2018-05-11

这次给大家带来phonegap的常用事件总结,使用phonegap常用事件的注意事项有哪些,下面就是实战案例,一起来看一下。

在任何PhoneGap项目中,首先应该侦听deviceready事件。事件触发表示DOM已经加载和PhoneGapAPI已加载,此时可以检测其他事件或者处理其他内容。

其他事件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!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>

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

基于jq预览图展示特效广告网页下载

2017-03-11   浏览:253

html5支持手机触屏幻灯片网页下载

2017-03-13   浏览:478

纯CSS制作的三级下拉菜单

2013-01-09   浏览:8034

jQuery实现的几张图片自动轮换效果

2013-01-14   浏览:9509

CSS+JS实现的可随意拖动、最小化最大化

2013-01-26   浏览:9867

jQuery当乐网搜索下拉框

2017-03-18   浏览:121

双击文字出现修改编辑文本框的JS特效

2013-01-03   浏览:8624

获取指定图片的url地址的JS脚本

2013-01-10   浏览:10361

html5+css3页面布局

2017-03-15   浏览:116

JS鼠标跟随特效-跟随鼠标的花絮

2013-01-15   浏览:13669

CSS配合一张图片实现的不规则导航效果

2013-01-14   浏览:8905

扁平实用Tabs选项卡特效

2017-03-14   浏览:407