HbuildX H5+App监听手机返回键以及webview关闭

//方法写在index.html即可<!DOCTYPE html>
<html><head><title><%= htmlWebpackPlugin.options.title %></title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><style>html,body {background-color: #f2f2f2;}</style><script>// 自适应尺寸 1rem=100px(function (doc, win) {var docEl = doc.documentElementvar resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'var recalc = function () {var clientWidth = docEl.clientWidthif (!clientWidth) returnif (clientWidth >= 750) {docEl.style.fontSize = '100px'} else {docEl.style.fontSize = 100 * (clientWidth / 750) + 'px'}}if (!doc.addEventListener) returnwin.addEventListener(resizeEvt, recalc, false)doc.addEventListener('DOMContentLoaded', recalc, false)})(document, window)//监听HBuildX app返回键document.addEventListener('plusready', function () {var webview = plus.webview.currentWebview()plus.key.addEventListener('backbutton', function () {var l = plus.webview.all().lengthif (l > 1) {//如果webview窗口数大于1则关闭webview.close()} else {webview.canBack(function (e) {if (e.canBack) {webview.back()} else {// 首页返回键处理// 处理逻辑：1秒内，连续两次按返回键，则退出应用；var first = nullfirst = new Date().getTime()console.log('再按一次退出应用') // 此处可以用自定义提示setTimeout(function () {first = null}, 1000)plus.key.addEventListener('backbutton',function () {if (new Date().getTime() - first < 1500) {plus.runtime.quit()}},false)}})}})})</script><!-- <script src="./static/js/axios.min.js"></script> --><!-- <link rel="stylesheet" href="./static/css/vant.min.css"> -->
</head><body><div id="app"></div><!-- 以下是手动插入的JS --><script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script></body></html>

HbuildX H5+App监听手机返回键以及webview关闭相关推荐

JS 监听手机返回键
JS监听手机返回键,需要用些前端的"奇技淫巧". 核心代码如下: if (window.history && window.history.pushState) { ...
原生js监听手机返回键
创建人:hu_time 描述:js监听手机返回键普通页面跳转,监听返回上一页: document.addEventListener("plusready", function() ...
Android监听手机返回键
Android在做项目时,有时候点击返回按钮没反应(有冲突),那就需要我们监听返回键.重写onKeyDown()方法: // 监听手机返回键 @Override public boolean onKe ...
监听手机返回键或浏览器后退键并自定义跳转地址
/** * 监听手机返回键或浏览器后退键并自定义跳转地址 * oldUrl 本页对应的url * backUrl 后退到页面的Url */ function backBtnToUrl(oldU ...
微信公众号监听手机返回键事件jssdk—wx.closeWindow
需求场景: 只有扫码初始进入异业联盟活动页,0元券直接弹框领取成功(如图1) 抛出问题: 进入优惠券包后到另一个页面(如图1) 然后按手机返回会回到异业联盟活动页,始终弹出领取活动页面解决方案: 在 ...
H5及微信小程序实测可用——监听手机返回键操作
目录 1.自定义导航(只能拦截左上角返回) 2.内嵌H5实现拦截物理键返回(均可监听) 微信小程序开发过程中我们经常遇到需要监听点击左上角返回.手机物理返回键或者左滑返回的需求微信原生是没有API支 ...
cordova app 监听物理返回键
物理返回键指的是手机系统自带的返回按钮,通过cordova监听返回按钮操作,可以禁止某些页面的返回操作,以及实现点击两次返回按钮退出应用. var pageUrl = window.location. ...
vue 弹窗时监听手机返回键关闭弹窗(页面不跳转)
[注]: popstate 事件 a.当活动历史记录条目更改时,将触发popstate事件. b.如果被激活的历史记录条目是通过对history.pushState()的调用创建的,或者受到对his ...
vue 监听手机返回键---实用
vue打包app的时候点击home键闪退问题,结合实际,问题已解决,希望能帮助各位. 名命 back.js document.addEventListener('plusready', functio ...

HbuildX H5+App监听手机返回键以及webview关闭

HbuildX H5+App监听手机返回键以及webview关闭相关推荐

最新文章

热门文章