Maison >interface Web >Tutoriel H5 >phonegap écoute d'autres événements après le déclenchement de l'événement deviceready

phonegap écoute d'autres événements après le déclenchement de l'événement deviceready

Y2J
Y2Joriginal
2017-05-20 13:46:512033parcourir

L'éditeur ci-dessous vous proposera un résumé des événements Phonegap courants (un article à lire absolument). L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur et jetons un coup d'œil

Dans tout projet PhoneGap, vous devez d'abord écouter l'événement deviceready. Le déclenchement d'événements indique que le DOM a été chargé et que PhoneGapAPI a été chargé. À ce moment, d'autres événements peuvent être détectés ou d'autres contenus peuvent être traités.

Autres événements :

<!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>

【Recommandations associées】

1 Tutoriel vidéo gratuit HTML5

2. Explication détaillée d'un exemple de saut de page et de transfert de valeur

3 Explication détaillée de la façon de gérer l'incompatibilité d'IE8 avec rgba. ()

4. Explication détaillée du code pour phonegap pour compléter la fonction de recherche de contacts

Explication détaillée du code pour phonegap. pour terminer les fonctions de clonage et de suppression des contacts

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn