如何在jQuery Mobile中控制后退按钮事件

How can I control the back button event in jQuery Mobile?

本文关键字：按钮 事件 控制 jQuery Mobile      更新时间：2023-09-26

我试图控制后退按钮，但我做不到。在这里；

使用jQuery Mobile控制硬件后退按钮

  event.keyCode == 27 // That’s for escape
  event.keyCode == 8 // That’s for backspace...it's also working on browser, but it doesn’t work on my tablet.

我该怎么做？

推荐方法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
  }
});

jQuery Mobile API：导航事件

演示

您可以在没有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>

以及CodePen中的演示。

相关文章：