首页 > 代码库 > phonegap常用事件

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="http://www.mamicode.com/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常用事件