如何在Jquery mobile中控制后退按鈕事件？

Question

我試圖控制后退按鈕，但我不能。在這里;

控制硬件后退按鈕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.

有什么建議？？

Answer 1

推薦方法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： 導航事件

演示

Answer 2

你可以在沒有Jquery mobile的情況下做到這一點

 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> 

還有代碼中的Demo