app监听手机返回键 h5+ plus 打开外网然后在关闭外网

最新推荐文章于 2023-03-27 10:01:58 发布

原创最新推荐文章于 2023-03-27 10:01:58 发布 · 619 阅读

0 ·

CC 4.0 BY-SA版权

app 相关代码专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用H5plus和MUI实现的Webview窗口控制案例，展示了如何创建、显示和关闭Webview，以及如何监听Webview的关闭事件。通过双击返回键退出应用的逻辑也被详细说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
	    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>Webview Example</title>
	    <script src="js/mui.min.js"></script>
	<script type="text/javascript">
	var nw=null;
	// H5 plus事件处理
	function plusReady(){
	}
	if(window.plus){
		plusReady();
	}else{
		document.addEventListener('plusready', plusReady, false);
	}
	
	// 监听Webview窗口关闭事件
	function eventTest(){
		var self = plus.webview.currentWebview();
	    nw = plus.webview.create('http://lewee.net/', '乐微', {
	        top: '40px',
	        bottom: 0
	      });
		self.append(nw);
	}


   var first = null;
       mui.back = function() {
         //首次按键，提示‘再按一次退出应用’
         if (!first) {
         	first = new Date().getTime();
         	mui.toast("再按一次退出应用"); //给出提示
         	nw.close()
         	setTimeout(function() {
	        //1s中后清除
	        first = null;
	      }, 1000);
         } else {
		      if (new Date().getTime() - first < 1000) {
		        //如果两次按下的时间小于1s，
		        plus.runtime.quit(); //那么就退出app
		      }
		    }
       };
	</script>
	</head>
	<body>
		Webview窗口关闭事件
		<button onclick="eventTest()">start</button>
		<button onclick="nw.close()">close</button>
	</body>
</html>