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()
                }); 
      },

    这段代码放在入口页就可以了
  • 相关阅读:
    前端3 浮动布局,固定定位,绝对定位,相对定位
    前端2 字体|文本属性样式, 高级选择器
    前端1.概念
    前端,基础选择器,嵌套关系.display属性,盒模型
    数据库之索引
    数据库之进阶(视图,事务,存储过程)
    数据库,多表数据
    数据库之表的使用
    数据的演化(数据仓库的发展史)
    HDFS退出安全模式
  • 原文地址:https://www.cnblogs.com/MyIsLu/p/7607728.html
Copyright © 2011-2022 走看看