当前位置:首页 / 网页制作 / 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(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

jQuery横向穿梭焦点图

2017-03-18   浏览:406

jQuery无限循环手风琴

2017-03-18   浏览:352

jQuery日期选择器插件DCalendar

2017-03-13   浏览:326

鼠标滑过输入框自动焦点的表单特效

2013-01-11   浏览:8331

jQuery+CSS3模拟苹果桌面系统

2017-03-09   浏览:277

jQuery超炫联系方式表单美化网页下载

2017-03-13   浏览:196

jQuery缩略图排列焦点图

2017-03-18   浏览:126

jQuery网页首页幻灯片切换网页下载

2017-05-16   浏览:394

带缩略图jQuery幻灯片相册网页下载

2017-03-18   浏览:367

jQuery控制感应鼠标图片渐显完整效果

2013-01-14   浏览:8234

jQuery翻页插件jbooklet

2017-03-16   浏览:257

jQuery鼠标滚动垂直全屏切换网页下载

2017-03-13   浏览:267