使用Cordova開發App時,點擊手機back鍵,總是返回上一級,如果希望直接返回到桌面,而不是直接關閉程序,可以這么做!
1.安裝插件
首先在工程目錄下運行如下命令添加backbutton插件
cordova plugin add cordova-plugin-backbutton
2.例子
在返回鍵的響應事件中調用插件的goHome方法
<!DOCTYPE html>
<html>
<head>
<title>hangge.com</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="utf-8">
//頁面加載后添加各事件監聽
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
//Cordova加載完畢
function onDeviceReady() {
//監聽返回鍵按鈕事件
document.addEventListener("backbutton", eventBackButton, false);
}
//返回鍵點擊響應(核心代碼)
function eventBackButton() {
//進入后台
navigator.Backbutton.goHome(function() {
console.log('go home success');
}, function() {
console.log('go home fail');
});
}
</script>
</head>
<body onload="onLoad()">
</body>
</html>
3.總結
此例宜變通使用
cordova使用過程中坑還是很多的,各位同學應踩坑,填坑,切不可遇坑則退,另推薦一個不錯的UI框架Onsen UI,很好的兼容了Android和ios,並且可以完美結合Angular.js, React, Vue.js等流行框架使用。
道阻且長!!!!
覺得對您有幫助,賞杯咖啡喝吧!

