后退按钮事件preventDeafult [phonegap + onsenUI]

时间:2015-04-20 15:40:59

标签: cordova phonegap-build onsen-ui

我正在使用phonegap + OnsenUI构建一个简单的应用程序,但我注意到OnsenUI正在控制我的BackButton事件,因此我无法使用evt.preventDefault();

这就是我想要做的事情:

document.addEventListener("backbutton", backButtonFire, false);
function backButtonFire(evt) {
  evt.preventDefault();
  evt.stopPropagation();
  alert(1);
}

当事件被触发时,我会看到警报(1),但应用仍会转到后台。

如何在这种情况下使用preventDefault

1 个答案:

答案 0 :(得分:1)

找到答案,我在onsenui.js找到了这个:

  /**
   * Disable this framework to handle cordova "backbutton" event.
   */
  disableDeviceBackButtonHandler: function() {
    this._getOnsenService().DeviceBackButtonHandler.disable();
  },

所以我刚才用过:

ons.disableDeviceBackButtonHandler();

现在它工作得很好但它会禁用所有OnsenUI后退处理程序设置,因此您需要自己设置一个。