移动端获取手机自带的返回键并添加事件。

在当前的项目中，由于是移动端的项目，在手机上会有自带的返回键这时候就需要获取按键来进行返回事件。

项目中运用的是vue。在单页面中会展示当前的文件信息，如是文件夹则可以点击查看它的子级文件。当我们想返回上一级文件的时候可以点击左上角的返回按钮，这是在项目中抒写好的逻辑。

如果用户此时点击的不是左上角的返回按钮而是手机自带的返回按钮这时候触发的事件也必须和顶部的返回按钮逻辑是一样的

这时候就需要对手机的返回按钮有一些认识了，手机自带的返回按钮点击的时候回跳转到上一个路由，但是我们此时的文件夹信息查看不会触发新的路由而是在当前路由，所以这时候就需要给自带的按钮添加事件。

 //增加手机的返回按钮事件history.pushState(null, null, document.URL);activated() {if (window.history && window.history.pushState) {window.addEventListener('popstate', this.pageBack, false);//false阻止默认事件}},beforeRouteLeave(to, from, next) {alert("是否注销list的pops")window.removeEventListener('popstate', this.pageBack, false);next();},

移动端获取手机自带的返回键并添加事件。相关推荐

android 禁用手机自带的返回键
只需要重写dispatchKeyEvent方法就可以了 @Overridepublic boolean dispatchKeyEvent(KeyEvent event) {if (event.getK ...
Android 自带的返回键功能
两步实现 Android 自带返回功能和返回图片 1. 在layout 中的布局的头部添加下面代码 <android.support.v7.widget.Toolbarandroid:id=&q ...
androidsdcard挂载目录_Android获取手机自带SDCard和外置SDCard路径
获取内置SD卡很简单,就一行代码 /** * 获取内置SD卡路径 * @return */ public String getInnerSDCardPath() { return Environmen ...
h5移动端使用手机自带软键盘的“前往”、“go”键提交表单
这也是我自己在项目中遇到的问题,在网上找了很久都没有找到类似的.试了很多次浪费了很多时间登录和搜索时"前往"."go"或者回车(电脑键盘)键提交表单(form ...
uni-app在安卓手机监听物理返回键
//在项目的首页进行监听onLoad(){ //写在onLoad钩子里使得进入后直接被调用var webview = plus.webview.currentWebview();//调用H5+API获 ...
微信小程序自带的返回键（onUnload）传参
先说一下页面逻辑:A到B页面(上传图片页面):然后B返回A页面:在A页面获取在B页面返回的值首先要到你要返回的页面去: 找到生命周期: onUnload: function () {console. ...
移动端监听安卓手机返回键
[场景] 相信大家用安卓手机使用APP的过程中,会遇到这样的一个场景:按下手机的返回键时,会弹出一个询问框:"是否退出该页面/APP?",然后点击了确认键才真正退出APP.PC端目 ...
小程序手势返回以及手机自带返回功能问题解决思路
一般苹果手机不会自带手势返回以及原生手机返回按钮,所以我们的组件返回功能是可以去做一些自定义的事情的. 但是安卓手机大部分有原生手机自带的返回按钮以及手势返回,这个时候我们可以通过 onUnload生 ...
移动端监听安卓手机返回键 1
[场景] 相信大家用安卓手机使用APP的过程中,会遇到这样的一个场景:按下手机的返回键时,会弹出一个询问框:"是否退出该页面/APP?",然后点击了确认键才真正退出APP.PC端目 ...
Unity之正确设置手机显示布局获取手机朝向
目录 Unity之正确设置手机显示布局 && 获取手机朝向前言开篇 Unity版本及使用插件正题设置手机屏幕显示布局.Screen.orientation 获取手机当前朝向.I ...

移动端获取手机自带的返回键并添加事件。

移动端获取手机自带的返回键并添加事件。相关推荐

最新文章

热门文章