如何以编程方式触发科尔多瓦的后退按钮事件

Question

我正在开发一个基于 jQuery mobile 的 phonegap 应用程序。 我正在尝试在我的应用程序中放置一个按钮，其行为类似于 android 设备上的后退按钮。我不只想要一个history.back()，但我想要完全相同的行为，这意味着当没有附加处理程序时返回，并在一个附加到事件backbutton 时执行处理程序。

换句话说，我想在软件中模拟硬件后退按钮（完全相同的行为）

我已经尝试了这些代码，但没有成功：

$("#backbtn").click(function(){
    var backButtonEvent = document.createEvent('Events');
    backButtonEvent.initEvent('backbutton', false, false);
    document.dispatchEvent(backButtonEvent);
});

我能做什么？

Answer 1

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady(){
    var backButtonElement = document.getElementById("backbtn");
    backButtonElement .addEventListener("click", buttonCallBack, false);
}

function buttonCallBack(){
    document.addEventListener("backbutton", onBackButton, false);
}
function onBackButton(){
   // write your stuff
}

试试上面的代码就行了

Answer 2

在mainActivity类中导入javascriptinterface包

import android.webkit.JavascriptInterface;

在 MainActivity 类的 onCreate 方法中添加 JavaScript 接口

super.appView.addJavascriptInterface(new JSInterface(), "sampleproj");

然后定义javascript接口

public class JSInterface{
       @JavascriptInterface
       public void dispachBackKey() {
            dispatchKeyEvent(new KeyEvent (KeyEvent.ACTION_DOWN, KeyEvent.KEYCODE_BACK));
            dispatchKeyEvent(new KeyEvent (KeyEvent.ACTION_UP, KeyEvent.KEYCODE_BACK));
       }
}

现在在 javascript 中调用原生方法

window.sampleproj.dispachBackKey();