web-dev-qa-db-ja.com

Jquery mobileで戻るボタンイベントを制御する方法は？

戻るボタンを制御しようとしましたが、できません。

ハードウェアの戻るボタンjquery mobileを制御する

  event.keyCode == 27 //thats for escape 
  event.keyCode == 8 //thats for backspace..its also working on browser but it doesnt work on my tablet.

助言がありますか？？

javascriptjquery-mobilejquerykeycode
25
Serkan

推奨される方法pagecontainerbeforechange： https://jqmtricks.wordpress.com/2014/12/01/detect-back-navigation/

navigationイベントとstate.directionをリッスンする必要があります。

$(window).on("navigate", function (event, data) {
  var direction = data.state.direction;
  if (direction == 'back') {
    // do something
  }
  if (direction == 'forward') {
    // do something else
  }
});

jQM API：ナビゲーションイベント

デモ （

55
Omar

あなたはこれを行うことができますJqueryモバイルなしで

window.addEventListener("hashchange", function(e) {
    if(e.oldURL.length > e.newURL.length)
        alert("back")
});
<a href="#p2">goto page 2</a> and then use browser's navigation.</div>

また、 codepenのデモ

1
Mahdi Bashirpour