当前位置:首页 / 网页制作 / 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-13   浏览:315

jQuery触摸友好滑块插件Glide

2017-03-17   浏览:107

jQuery黄色下拉滑动导航网页下载

2017-03-16   浏览:152

jq Loading图片延迟加载特效

2017-03-15   浏览:384

鼠标经过时,图片边框加粗效果

2013-01-06   浏览:8156

jQuery鼠标悬停放射出炫幻效果

2017-03-16   浏览:440

HTML5 3D立方体按钮翻转特效

2017-03-13   浏览:271

jQuery弹出层插件LayerModel

2017-03-14   浏览:159

jQuery图文开关灯切换特效

2017-03-17   浏览:366

jq+css3实现图片背景全屏左右图片切换

2017-03-09   浏览:249

jQuery平滑返回顶部网页下载

2017-03-15   浏览:394

html5 canvas圣诞雪花网页背景网页下载

2017-03-13   浏览:185