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

    这段代码放在入口页就可以了
  • 相关阅读:
    HTML CSS3 手风琴菜单
    python代码- post请求图片上传
    python 一行代码生成 二维码
    Jenkins 中定时任务构建
    Jenkins 常用插件
    window系统,GitLab 远程与本地 SSH 认证连接
    Jmeter+Maven+Jenkins+Git接口自动化流程
    jmeter 响应中有中文乱码问题,解决
    Excel文件导入功能 用例设计思路
    Jmeter01 -mac下的安装
  • 原文地址:https://www.cnblogs.com/MyIsLu/p/7607728.html
Copyright © 2011-2022 走看看