javascript - 使用 jQuery Mobile 按下后退按钮时如何执行两个操作？

Question

我在页面顶部的导航栏上有一个后退按钮，启用了：

<div data-role="page" id="chat" data-add-back-btn="true">

我想在单击后退按钮时调用 javascript 方法，但不删除后退功能。我试图创建自己的后退按钮，然后调用，javascript:history.back(1)但我更喜欢保留原始按钮。

谢谢

Answer 1

您不能优先考虑 jQuery 事件和 jQuery 事件堆栈。所以你有两个选择，一个是菊花链你的事件顺序（回调），另一个是删除默认行为并覆盖事件。

您可能想要做的是event.preventDefault()您的代码，然后执行history.back(1)：

$(<backbutton selector>).click(function(event) {
  event.preventDefault();
  alert('this is a test');
  history.go(-1);
});