一个新手编程狗的成长记忆
web菜鸟的最后一片自留地

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

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

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() {});  
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址