前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >app首页返回键处理

app首页返回键处理

作者头像
biaoblog.cn 个人博客
发布于 2022-08-11 11:01:46
发布于 2022-08-11 11:01:46
41500
代码可运行
举报
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script type="text/javascript" src="static/js/mui.js"></script>
<script type="text/javascript">
	mui.plusReady(function() {
			//首页返回键处理
			//处理逻辑:1秒内,连续两次按返回键,则退出应用;
			var first = null;
			plus.key.addEventListener('backbutton', function() {
				//首次按键,提示‘再按一次退出应用’
				if (!first) {
					first = new Date().getTime();
					mui.toast('再按一次退出应用');
					setTimeout(function() {
						first = null;
					}, 1000);
				} else {
					if (new Date().getTime() - first < 1000) {
						plus.runtime.quit();
					}
				}
			}, false);
	 });
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
解决app手机的返回键退出程序的问题
vue项目打包后利用hbuilder生成app,安装到手机上后会发现有一个bug:点击手机的返回键直接退出整个程序了。 解决方案: 只需在index.html加入以下代码就行了
江一铭
2022/06/16
1.2K0
web app 中物理返回键的监听
使用Vue + Vant 进行web app 的开发,需要处理 android 自带的物理返回键,对不同页面,点击物理返回键进行不同的处理
用户9914333
2022/07/22
1.2K0
小视频源码,按返回键两次退出
photo-1530712024539-ecd73dfb1c9d.jpg // 按两次退出 var flag = 0; function exitApp (){   api.addEventListener({     name: 'keyback'           }, function(ret, err) { if (flag == 1) {                   api.closeWidget({ silent: true                   });   
yunbaokeji柯基
2020/10/13
5400
小视频源码,按返回键两次退出
[JavaScript]自执行函数
最近在接触mui的时候,遇到了一段代码: 1 (function($, doc) { 2 $.init({ 3 st
CN_Simo
2017/12/26
1.8K0
[问题贴]mui.openWindow+自定义事件监听操作让alert()执行两次
仔细看,Alert函数执行了两次 共两个页面:index.html和detail.html, detail.html为按钮设置了自定义事件监听(newsId),触发alert. 在index.h
CN_Simo
2017/12/26
1.5K0
[问题贴]mui.openWindow+自定义事件监听操作让alert()执行两次
MUI-tab两种实现方式 原
二、另一种方式是原生方式,首先新建移动app,选择底部选项卡模板,会生成原生控件的底部选项卡模板
tianyawhl
2019/04/04
2.7K0
MUI-tab两种实现方式
                                                                            原
hbuilder 开发APP填坑经验
hbuilder中进行窗口管理有2种方式,一种是用了mui框架,可以用mui提供的管理方式,都封装好了。 还有一种是没有用mui,可以直接通过最底层的plus.webview来管理窗口的操作。 官方文档地址:http://www.dcloud.io/docs/api/zh_cn/webview.html 我们创建一个H5+的项目,在common.js中默认有对窗口管理的代码,可以直接使用。 在使用的过程中我遇到了下面的问题: 1,在APP下面有一个toolbar,目前每次点击一个按钮都是通过webview创
猿天地
2018/04/03
1.9K0
H5混合开发二维码扫描以及调用本地摄像头
今天主管给了我个需求,说要用混合开发,用H5调用本地摄像头进行扫描二维码,我之前有做过原生安卓的二维码扫一扫,主要是通过调用zxing插件进行操作的,其中还弄了个闪光灯.但是纯H5的没接触过,心里没底,于是晚上回家开始网上各处找方案.以下是我对于H5扫描二维码以及调用本地摄像头的理解以及代码. 科普网址: H5如何生成安卓组件对象 H5调用安卓本地摄像头api 在线二维码图片生成器 二维码扫描:(使用的是mui的框架,下面是html代码) <!doctype html> <html> <hea
编程软文
2018/06/20
8K1
Mui开发笔记
1、上面是我根据官方的提示方法,以及问答社区朋友的回答,得到的返回刷新页面的方法。
李郑
2019/12/10
1.5K0
Android 双击返回键退出程序的3种写法~
LZ-Says: 去年真的浪费了好多的机会,,,而今年,却找不到一个合适的机会,,,还是自己能力有所欠缺啊。。。从一点点开始积累吧。。。那个谁,,,这次,我会很自信站在你面前!!!
贺biubiu
2019/06/10
1.8K0
RN监听返回键
BackAndroid已经被废弃。改用BackHandler 关键代码 componentWillMount() { if (Platform.OS === 'android') { this.listener = BackHandler.addEventListener('hardwareBackPress', this.onBackAndroid); } } componentWillUnmount() { i
提莫队长
2018/05/18
2.4K0
HarmonyOS/OpenHarmony 双击返回与退出App
Open Harmony测试环境:ApI9,OpenHarmony3.2.beta4
徐建国
2023/02/23
1.5K0
HarmonyOS/OpenHarmony 双击返回与退出App
完整MUI 例子 原
假如3个页面的例子,第一个是index.html,第二个html文件夹中建2个页面moive_detail.html,第三个演员详情页cast_detail.html,此例子结合vue,主要知识点有页面传值方法,滚动到顶部,下拉刷新上拉加载,vue数据准备与数据绑定,mui接口调用,蒙版使用
tianyawhl
2019/04/04
3.6K0
Android点击两次返回键退出应用
2s内点击两次返回键退出应用 实现思路:监听返回按键,添加一个状态如果在2s内在此点击了返回键就改变状态然后消费事件即可 private static final int MESSAGE_BACK = 1; private boolean isFlag = true; private Handler handler = new Handler() { public void handleMessage(Message msg) { switch (msg
程序员飞飞
2020/02/27
1.5K0
基于H5+js开发一款音乐播放器
前言:当下音乐播放器不胜其数,为了更好的掌握一些东西,我们来自己制作一个音乐播放器。
全栈程序员站长
2022/09/07
4.1K0
基于H5+js开发一款音乐播放器
ionic2 处理android硬件返回按钮
问题 注册安卓硬件返回按钮事件是必须的,因为用户不小心点击了返回按钮就退出app体验很不好,所以有几种方法: 1.实现按返回键最小化应用(最小化应用需要装cordova-plugin-appminimize插件,使用window['AppMinimize'].minimize();)。 2.要么请求用户确认(添加一个Confirmation Alerts)。 3.按一下提示,按两下退出(加一个方法用toast提醒)。 这里用第三种展示。 解决 在app.html中,添加#myNav,在app.compo
mcq
2018/06/20
1.1K0
Python|使用HBuilder建立APP交流社区
这是对HBuilder学习后想做的一些关于这个软件的一些心得,有了这个接触,想分享一些初学者可以用到的一些使用方法,让更多初学者可以早一些熟悉HBuilder,可以熟练的运用它做出自己想要的一个界面。首先对于HBuilder的安装,安装好后新建一个移动APP的包,在里面再创建一个HTML的文件,选择函mui的HTML,然后因为是社区,就要有头部和尾部,在这里,是有head,body构成,头部在head的区域内附上代码,在body中附上底部代码,就有一个最基本的页面。然后是加入社区分享部分,我们可以加入页眉和页脚,页眉里面可以“img src”插入图片使用“class”和“style”调整格式;使用“button”在页脚插入我想要的跳转按钮,同时也可以使用“class”和“style”调整格式。
算法与编程之美
2021/07/30
1.1K0
使用APICloud AVM框架开发人事档案管理助手app实战
​由于人事档案具有涉密性,所以本应用没有使用后台服务,全部功能都在APP本地实现。
APICloud官方
2022/04/02
4870
mui 底部导航菜单功能(原创)[通俗易懂]
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/159430.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/17
3.1K1
mui 底部导航菜单功能(原创)[通俗易懂]
Android开发之连续点击返回键退出程序
简介 在很多程序中,都有这样一个功能,就是在主界面,连续点击返回键会退出程序。它一般是这样显示的:第一次按下提示你 再按一次退出程序 ,如果此时立马点击返回键会直接退出整个App;如果超过了预设的间隔时间再按,又会提示再按一次退出程序,下面实现一下,完全可以抽离出来作为一个工具方法来调用。 Activity代码 public class MainActivity extends AppCompatActivity { // 弹出提示框 private Toast toast; /
YungFan
2018/04/24
1.2K0
Android开发之连续点击返回键退出程序
相关推荐
解决app手机的返回键退出程序的问题
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验