vue 移动端禁用安卓手机返回键

//禁止手机返回键    下面这段代码直接复制在index.html中,可以生效
// $(document).ready(function() {
  if (window.history && window.history.pushState) {
    window.addEventListener(‘popstate‘,function () {
      window.history.pushState(‘forward‘, null, ‘#‘);
      window.history.forward(1);
    })
  }
  window.history.pushState(‘forward‘, null, ‘#‘); //在IE中必须得有这两行
  window.history.forward(1);
// });

原文地址:https://www.cnblogs.com/rrene/p/9560757.html

时间: 2024-10-04 16:48:46

vue 移动端禁用安卓手机返回键的相关文章

JS监听手机返回键

JS监听手机返回键,需要用些前端的"奇技淫巧". 核心代码如下: if (window.history && window.history.pushState) { $(window).on('popstate', function() { var hashLocation = location.hash; var hashSplit = hashLocation.split("#!/"); var hashName = hashSplit[1];

点击手机返回键关闭应用程序

void Update() { //点击手机返回键关闭应用程序 if (Input.GetKeyDown(KeyCode.Escape) || Input.GetKeyDown(KeyCode.Home)) { Application.Quit(); } }

使用vue开发webApp,安卓手机自带回退键的问题解决

首先,我先为大家说明,为什么我要写这篇随笔: 因为我们写的webapp,在安卓手机上,按一次回退键,就会退出app,回到桌面,而不是像原生app一样,会有一个提示,例如,"再按一次退出应用"的这种提示, 按一次退回键就回到桌面,这明显不是我们想要的,废话到此为止,下面上代码: mui.init({ keyEventBind: { backbutton: true //关闭back按键监听 } }); // //首页返回键处理 // //处理逻辑:1秒内,连续两次按返回键,则退出应用:

Android 按手机返回键退出时出现退出提示框

1 private void exitDialog() { 2 Dialog dialog = new AlertDialog.Builder(this).setIcon(R.drawable.pic_m) 3 .setTitle("程序退出? ").setMessage("您确定要退出本程序吗?") 4 5 .setNegativeButton("取消", new DialogInterface.OnClickListener() { 6 pu

delphi XE7 判断手机返回键

Using the Android Device's Back Button To make your application handle when users press the Back button on their Android device, add an event handler to your form for OnKeyUp, and use the following code within your event handler: Delphi: if Key = vkH

react native 安卓home返回键页面刷新

import { withNavigationFocus } from 'react-navigation'; class Warngreete extends React.Component { constructor(props) { super(props); } componentDidMount() { this.reload();}      componentWillReceiveProps(newProps) { if(newProps.isFocused){ this.relo

android 细节之禁用返回键

今天项目中需要使用自己actionBar中的返回键,用的方法就是上次我记录下的父亲activity的方法 android.support.PARENT_ACTIVITY 详情请移步:http://blog.csdn.net/yiding_he/article/details/38410151 (android 细节之 menu 之 invalidateOptionsMenu) 今天的问题是禁用系统的返回键,禁用home键应该是需要permission,而且禁用后用户体验不够.所以项目中我们防止用

使用ionic开发时用遇到监听手机返回按钮的问题~

当时用的是ionic开发一个app,需求是,当按下手机的返回按钮,在指定的页面双击退出,而在其他页面点击一次返回到上个页面: 其实用ionic自带的服务就可以解决:  //双击退出   $ionicPlatform.registerBackButtonAction(function (e) {   //判断处于哪个页面时双击退出    if($location.path() =='/message' || $location.path() =='/work' || $location.path(

vue+hbuilder监听安卓返回键问题

1.监听安卓返回键问题 效果:在一级页面按一下返回键提示退出应用,按两下退出应用;在其它页面中,按一下返回上个历史页面 1 2 import mui from './assets/js/mui.min.js' Vue.prototype.$mui = mui; 在一级页面mounted时 1 this.$mui.plusReady( () =>{ 2 var backcount = 0; 3 this.$mui.back = ()=> { 4 if (this.$mui.os.ios) ret