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

您可能在找这些

  • 内容标签:

热门素材

JS+Css的淡出淡入的四屏焦点图片切换效

2013-01-14   浏览:9270

jQuery点击缩略图右侧滑出大图特效

2017-03-14   浏览:118

JavaScript 复制功能代码,兼容多浏览器

2013-01-02   浏览:8108

一款JS感应鼠标横向左右切换的焦点图

2013-01-16   浏览:11397

jq右侧滑动折叠效果导航

2017-03-09   浏览:208

网页下拉同时顶部导航逐渐缩小并固定

2017-02-26   浏览:289

复选框全选、全不选和反选的效果实现

2012-12-30   浏览:7848

html5 canvas圆形转盘抽奖特效

2017-03-14   浏览:481

HTML5+CSS3左右切换滑块特效

2017-03-14   浏览:295

商城系统常用的点击左右按钮图片切换

2013-01-10   浏览:10853

jQuery全屏图片切换展示

2017-03-18   浏览:230

jQ波浪动画导航

2017-03-18   浏览:495