zoukankan      html  css  js  c++  java
  • F7+vue 物理返回键监听使用

    以前使用的是纯F7,这个项目加了Vue进去,但碰到了一个问题,就是这样监听不到安卓物理键的返回,它是点击返回,直接推出程序,这个坑有点深,查了不少资料也问了不少人,最后在网上看到了别人的写的,自己也改了一点,最后可以返回,但是不能直接退出,坑还是没有爬完:上代码:

        var XBack = {};
        (function(XBack) {
            XBack.STATE = 'x - back';
            XBack.element;
    
            XBack.onPopState = function(event) {
                event.state === XBack.STATE && XBack.fire();
                XBack.record(XBack.STATE); //初始化事件时,push一下  
                 
            };
    
            XBack.record = function(state) {
                history.pushState(state, null, location.href);
    
            };
    
            XBack.fire = function() {
                var event = document.createEvent('Events');
                event.initEvent(XBack.STATE, false, false);
                XBack.element.dispatchEvent(event);
                  
            };
    
            XBack.listen = function(listener) {
                XBack.element.addEventListener(XBack.STATE, listener, false);
            };
    
            XBack.init = function() {
                XBack.element = document.createElement('span');
                window.addEventListener('popstate', XBack.onPopState);
                XBack.record(XBack.STATE);
                
            };
    
        })(XBack); // 引入这段js文件  
        XBack.init();
       mounted() {
          var $_this = this;
                XBack.listen(function() {
                    $_this.$router.back()
                }); 
      },

    这段代码放在入口页就可以了
  • 相关阅读:
    关于使用表格制作页面
    0728关于html的几个基础知识点
    实验四 主存空间的分配和回收模拟
    实验三同学评论http://home.cnblogs.com/u/MyDring/
    实验三 进程调度模拟程序
    实验二报告
    实验一报告
    0909操作系统
    log4j的配置文件的编写
    随机产生数,字母
  • 原文地址:https://www.cnblogs.com/MyIsLu/p/7607728.html
Copyright © 2011-2022 走看看