在 WebView Google Tv 应用上处理方向键上的箭头键

我已经构建了一个 Android 应用程序，它在 WebView 中加载 html 页面，并且工作正常，除了应该在方向键上发生的操作不起作用这一事实。如果我用其他键更改箭头的操作，它就会起作用。在 Web 浏览器中加载 html 页面工作正常，PC 键盘箭头键返回正确的操作，但在 Android WebView 中，方向键箭头键不起作用。

这是我在js中按下老虎键的方式：

window.addEventListener('keydown', keyDownHandler, true);
function keyDownHandler(evt){
var keyCode=evt.keyCode;
alert(keyCode);
}

除箭头键外，按任何其他键都会返回键代码，但箭头不会。

这可能是重复的，如下所示：android WebView：处理 JavaScript 中的箭头键但没有找到可行的解决方案。

有什么方法可以在 Android WebView 中获取 D-pad 箭头键代码吗？

Google TV 示例中有一个名为 WebAppNativePlayback 的示例应用程序：https://code.google.com/p/googletv-android-samples/source/browse/#git%2FWebAppNativePlayback

本质上，方向键是由本机应用程序使用的，因此您需要处理这个问题，如果您使用全屏 WebView，您可以通过将相关键注入到 JS 中来将相关键传递给 WebView。

需要注意的主要代码片段是：

在Activity中，消费按键事件并向下传递：

/**
 * This method will check if the key press should be handled by the system
 * or if we have chosen to override it to pass to the WebView. In
 * development builds of the application, the R key is used refresh the page
 * (required to ensure cached versions of the page are not used)
 */
@Override
public boolean dispatchKeyEvent(KeyEvent event) {
    if (mIsDevelopmentBuild && event.getKeyCode() == KeyEvent.KEYCODE_R) {
        mWebViewFragment.refresh();
    }

    int eventKeyCode = event.getKeyCode();
    for (int i = 0; i < mOverrideKeyCodes.length; i++) {
        if (eventKeyCode == mOverrideKeyCodes[i]) {
            if (event.getAction() == KeyEvent.ACTION_UP) {
                mWebViewFragment.handleKeyInjection(eventKeyCode);
            }
            return true;
        }
    }

    return super.dispatchKeyEvent(event);
}

覆盖键的位置是：

mOverrideKeyCodes = new int[] {
                KeyEvent.KEYCODE_DPAD_CENTER,
                KeyEvent.KEYCODE_DPAD_UP,
                KeyEvent.KEYCODE_DPAD_LEFT,
                KeyEvent.KEYCODE_DPAD_DOWN,
                KeyEvent.KEYCODE_DPAD_RIGHT
        };

在网络视图所在的片段中（尽管这可能在您的活动中）：

/**
 * Given a key code, this method will pass it into the web view to handle
 * accordingly
 * 
 * @param keycode Native Android KeyCode
 */
public void handleKeyInjection(int keycode) {
    String jsSend = "javascript:androidKeyHandler.handleUri('nativewebsample://KEY_EVENT;"
            + keycode + ";');";
    loadJavascriptAction(jsSend);
}

loadJavascriptAction 很简单

mWebView.loadUrl(jsSend);

然后在您的网页中，您需要设置一个可访问的方法或对象 - 在本例中应用程序设置一个对象 window.androidKeyHandler

/**
* This method will set up any additional key handling (i.e. Android key handling)
* @function
*/
IndexPage.prototype.setUpKeyHandling = function () {
    if(this.isEmbedded()) {
        // We want the native app to access this
        window.androidKeyHandler = new AndroidKeyHandler(this.getFocusController());
    }
};

哪个比像这样处理键：

/**
* Handle a keypress directly from the native app
* @function
* @param {int} keyCode The native Android key code
*/
AndroidKeyHandler.prototype.handleNativeKeyPress = function (keyCode) {
    var focusController = this.getFocusController();
    switch(parseInt(keyCode, 10)) {
        case 23:
            // DPAD Center
            console.log("Native Enter");
            if(focusController.getCurrentlyFocusedItem()) {
                focusController.getCurrentlyFocusedItem().onItemClick();
            }
            break;
        case 20:
            // DPAD Down
            console.log("Native Down Pressed");
            focusController.moveFocus({x: 0, y: -1});
            break;
        case 21:
            // DPAD Left
            console.log("Native Left Pressed");
            focusController.moveFocus({x: -1, y: 0});
            break;
        case 22:
            // DPAD Right
            console.log("Native RIGHT Pressed");
            focusController.moveFocus({x: 1, y: 0});
            break;
        case 19:
            // DPAD Up
            console.log("Native UP Pressed");
            focusController.moveFocus({x: 0, y: 1});
            break;
        default:
            console.log("Keycode not registered");
            break;
    }
};

这个例子可能比它需要的复杂得多，但是如果你完成上面的每一部分并尝试一下，你应该不会有太多麻烦