欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript監(jiān)聽手機(jī)物理返回鍵的兩種解決方法

 更新時間:2017年08月14日 16:40:07   作者:carter_yu  
JavaScript沒有監(jiān)聽物理返回鍵的API,所以只能使用 popstate 事件監(jiān)聽。接下來通過本文給大家分享JavaScript監(jiān)聽手機(jī)物理返回鍵的兩種解決方法,感興趣的朋友一起看看吧

JavaScript沒有監(jiān)聽物理返回鍵的API,所以只能使用 popstate 事件監(jiān)聽。

有兩個解決辦法:

1、返回到指定的頁面    

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

2、js文件方法

此聲明函數(shù)在xback.js文件里有,在app.js里必須再聲明一次,不然監(jiān)聽返回事件失敗。

/**
 * 使用 HTML5 的 History 新 API pushState 來曲線監(jiān)聽 Android 設(shè)備的返回按鈕
 * 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');

調(diào)用方法:

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

總結(jié)

以上所述是小編給大家介紹的JavaScript監(jiān)聽手機(jī)物理返回鍵的兩種解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • JS精確判斷數(shù)據(jù)類型代碼實例

    JS精確判斷數(shù)據(jù)類型代碼實例

    這篇文章主要介紹了JS精確判斷數(shù)據(jù)類型代碼實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-12-12
  • JavaScript實現(xiàn)時鐘特效

    JavaScript實現(xiàn)時鐘特效

    這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)時鐘特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-06-06
  • JS短信驗證碼倒計時功能的實現(xiàn)(沒有驗證碼,只有倒計時)

    JS短信驗證碼倒計時功能的實現(xiàn)(沒有驗證碼,只有倒計時)

    最近接了個項目,其中有這樣的需求:當(dāng)用戶想要獲取驗證碼時,就點(diǎn)擊免費(fèi)獲取驗證碼 ,然后開始倒計時,倒計時期間按鈕文字為剩余時間x秒,且不可按狀態(tài),倒計時結(jié)束后,按鈕更改為點(diǎn)擊重新發(fā)送,下面給大家分享js短信驗證碼倒計時實現(xiàn)代碼
    2016-10-10
  • JavaScript?中的引用類型Date?和RegExp的詳細(xì)介紹

    JavaScript?中的引用類型Date?和RegExp的詳細(xì)介紹

    這篇文章主要介紹了JavaScript中的引用類型Date和RegExp的詳細(xì)介紹,引用值(或者對象)是某個特定引用類型的實例,下文相關(guān)介紹,需要的小伙伴可以參考一下
    2022-07-07
  • JS實現(xiàn)DIV高度自適應(yīng)窗口示例

    JS實現(xiàn)DIV高度自適應(yīng)窗口示例

    這篇文章主要介紹了JS實現(xiàn)DIV高度自適應(yīng)窗口的方法,結(jié)合完整實例形式分析了JS通過動態(tài)操作頁面元素屬性實現(xiàn)高度自適應(yīng)的相關(guān)技巧,需要的朋友可以參考下
    2017-02-02
  • Echarts之懸浮框中的數(shù)據(jù)排序問題

    Echarts之懸浮框中的數(shù)據(jù)排序問題

    Echarts非常強(qiáng)大,配置也非常的多,有很多細(xì)節(jié)需要深入研究。這篇文章主要介紹了Echarts之懸浮框中的數(shù)據(jù)排序問題,需要的朋友可以參考下
    2018-11-11
  • 繼續(xù)學(xué)習(xí)javascript閉包

    繼續(xù)學(xué)習(xí)javascript閉包

    這篇文章主要還是繼續(xù)學(xué)習(xí)javascript閉包,理解JavaScript的閉包是邁向高級JS程序員的必經(jīng)之路,需要的朋友可以參考下
    2015-12-12
  • 詳解JavaScript執(zhí)行模型

    詳解JavaScript執(zhí)行模型

    這篇文章主要介紹了JavaScript執(zhí)行模型的相關(guān)資料。幫助大家更好的理解和學(xué)習(xí)JavaScript,感興趣的朋友可以了解下
    2020-11-11
  • Typescript實現(xiàn)隊列的示例代碼

    Typescript實現(xiàn)隊列的示例代碼

    隊列作為一種數(shù)據(jù)結(jié)構(gòu),在現(xiàn)實生活中它可應(yīng)用于電影院、自助餐廳等場合,本文主要介紹了Typescript實現(xiàn)隊列的示例代碼,具有一定的參考價值,感興趣的可以了解一下
    2024-08-08
  • js正則表達(dá)式簡單校驗方法

    js正則表達(dá)式簡單校驗方法

    在本篇文章里小編給大家整理了一篇關(guān)于js正則表達(dá)式簡單校驗方法,有需要的朋友們可以參考下。
    2021-01-01

最新評論