Phonegap返回键backbutton功能 cordova

Phonegap拦截返回键  这个功能是当用户按下返回键事件触发.

backbutton 监听.调用  回调函数 如下:

 

document.addEventListener("backbutton", yourCallbackFunction, false);


 

注册事件监听,代表性的调用document.addEventListener,一旦你注册了 deviceready事件

不再需要调用任何其他方法来覆盖theback-button行为。

支持平台:

  • Amazon Fire OS
  • Android
  • BlackBerry 10
  • Windows Phone 7 and 8

     

     

    简单例子:

    document.addEventListener("backbutton", onBackKeyDown, false);
    function onBackKeyDown() {   
     // Handle the back button
    
    }


     

    完整例子:

    <!DOCTYPE html><html>  <head>    
    <title>Back Button Example</title>    
    <script type="text/javascript" charset="utf-8" src="cordova.js"></script>    
    <script type="text/javascript" charset="utf-8">    
    // Wait for device API libraries to load    //    
    function onLoad() {        
    	document.addEventListener("deviceready", onDeviceReady, false);    
    }    
    // device APIs are available    //    
    function onDeviceReady() {        // Register the event listener        
    	document.addEventListener("backbutton", onBackKeyDown, false);    }    
    	// Handle the back button    //    
    	function onBackKeyDown() {    
    
    	}    
    </script>  
    </head>  
    <body onload="onLoad()">  </body>
    </html>


     

    按下返回键后  function onBackKeyDown()   就会执行 ;

    把将要执行的方法放在里面就行

     

     

     

     

  • 你可能感兴趣的:(html5,Cordova,PhoneGap,返回键,backbutton)