vue項目用hbuilder打包成APP後，返回鍵退出程序的解決辦法

本方案用在hbuilderx裏的5+app框架打包成混合app！

如果能夠幫助到你，希望能給一個點贊、關注！

原理：通過plus去設置點擊系統返回鍵的次數代表的含義咯，一目瞭然。

用法：

將這一個script插入項目的index.html文件head標籤裏，詳情仔細觀察下面的圖片，說的再多不如看仔細。

就是下面這個index.html

插入這段代碼，代碼去下面複製即可

代碼：

		<script>
			document.addEventListener('plusready', function() {
				var webview = plus.webview.currentWebview();
				plus.key.addEventListener('backbutton', function() {
					webview.canBack(function(e) {
						if (e.canBack) {
							webview.back();
						} else {
							//webview.close(); //hide,quit
							//plus.runtime.quit();
							//首頁返回鍵處理
							//處理邏輯：1秒內，連續兩次按返回鍵，則退出應用；
							var first = null;
							plus.key.addEventListener('backbutton', function() {
								//首次按鍵，提示‘再按一次退出應用’
								if (!first) {
									first = new Date().getTime();
									console.log('再按一次退出應用');
									setTimeout(function() {
										first = null;
									}, 1000);
								} else {
									if (new Date().getTime() - first < 1500) {
										plus.runtime.quit();
									}
								}
							}, false);
						}
					})
				});
			});
		</script>