JavaScript监听手机物理返回键的两种解决方法

时间 2019-11-10

标签 javascript 监听手机物理返回两种解决方法栏目 JavaScript 繁體版

原文原文链接

JavaScript没有监听物理返回键的API，因此只能使用 popstate 事件监听。接下来经过本文给你们分享JavaScript监听手机物理返回键的两种解决方法，app

有两个解决办法：函数

一、返回到指定的页面 this

 
         pushHistory();  
        
         window.addEventListener( 
         "popstate" 
         ,  
         function 
         (e) {  
        
         window.location =  
         'http://www.baidu.com' 
         ; 
        
         },  
         false 
         );  
        
         function 
         pushHistory() {  
        
         var 
         state = {  
        
         title:  
         "title" 
         ,  
        
         url:  
         "#" 
        
         };  
        
         window.history.pushState(state,  
         "title" 
         ,  
         "#" 
         );  
        
         }

二、js文件方法url

此声明函数在xback.js文件里有，在app.js里必须再声明一次，否则监听返回事件失败。spa

 
         /** 
        
         * 使用 HTML5 的 History 新 API pushState 来曲线监听 Android 设备的返回按钮 
        
         * XBack.listen(function(){ 
        
         alert('oh! you press the back button'); 
        
         }); 
        
         */ 
        
         ;! 
         function 
         (pkg, undefined){ 
        
         var 
         STATE =  
         'x-back' 
         ; 
        
         var 
         element; 
        
         var 
         onPopState =  
         function 
         (event){ 
        
         event.state === STATE && fire(); 
        
         } 
        
         var 
         record =  
         function 
         (state){ 
        
         history.pushState(state,  
         null 
         , location.href); 
        
         } 
        
         var 
         fire =  
         function 
         (){ 
        
         var 
         event = document.createEvent( 
         'Events' 
         ); 
        
         event.initEvent(STATE,  
         false 
         ,  
         false 
         ); 
        
         element.dispatchEvent(event); 
        
         } 
        
         var 
         listen =  
         function 
         (listener){ 
        
         element.addEventListener(STATE, listener,  
         false 
         ); 
        
         } 
        
         ;! 
         function 
         (){ 
        
         element = document.createElement( 
         'span' 
         ); 
        
         window.addEventListener( 
         'popstate' 
         , onPopState); 
        
         this 
         .listen = listen; 
        
         record(STATE); 
        
         }.call(window[pkg] = window[pkg] || {}); 
        
         }( 
         'XBack' 
         );

调用方法：code

 
         XBack.listen( 
         function 
         (){ 
        
         alert( 
         'back' 
         ); 
        
         });

总结事件

以上所述是小编给你们介绍的JavaScript监听手机物理返回键的两种解决方法ip