• 技术文章 >web前端 >H5教程

    必须了解的phonegap常用事件

    零下一度零下一度2017-05-02 11:06:53原创664
    下面小编就为大家带来一篇phonegap常用事件总结(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    在任何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常用事件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:phonegap 事件
    上一篇:对于HTML5应用程序缓存Application Cache的知识点详解 下一篇:phonegap使用方法介绍(一)查找联系人
    php培训_php实战培训【立即报名】-php中文网第20期

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 分享HTML5虚拟键盘出现挡住输入框的解决办法• HTML5实践-三步实现响应式设计的详细介绍• HTML5边玩边学(二)-基础绘图• 腾讯技术干货!做一个让人闻风丧胆的HTML5页面• jquery学习必备代码和技巧
    1/1

    PHP中文网