hbuilder的h5+提供開發webapp的諸多便利,很多手機自帶back虛擬按鍵,如果不修改其默認事件,點一下app就退出了,所以我這里提供一種修改這個按鍵默認事件事件的代碼。
首先你要用hbuilder創建一個移動項目,選擇空模板,然后將你項目文件全部粘貼進去,首先在你的首頁index.html添加如下代碼,
<script>
document.addEventListener("plusready", function() {
// 注冊返回按鍵事件
plus.key.addEventListener('backbutton', function() {
// 事件處理
plus.nativeUI.confirm("退出程序?", function(event) {
if (event.index) {
plus.runtime.quit();
}
}, null, ["取消", "確定"]);
}, false);
});
</script>
接着在其他的子頁面添加如下代碼:
<script>
document.addEventListener("plusready", function() {
// 注冊返回按鍵事件
plus.key.addEventListener('backbutton', function() {
// 事件處理
window.history.back();
}, false);
});
</script>
這樣的話在首頁就是退出功能,在子頁面就是返回功能。
