一只特立独行的猪 一只特立独行的🐷
一只特立独行的🐷
  • 主页
  • web开发
  • 博客笔记
  • 软件工具
  • 随笔杂谈
  • 文章归档
  • 影音欣赏
  • 我的资源
  • 关于我
  • wechat_fill

H5中 JS 禁用安卓手机物理返回键 , 微信浏览器中也支持

  • 2017-08-08
  • Web开发
  • 评论(0)

直接引入以下代码就可以实现

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();  
XBack.listen(function() {});  
Powered by Wordpress, Theme by Wing-magic
©2023 一只特立独行的🐷 All rights reserved
陕ICP备15006707号-5