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

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

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

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

这可能与此处重复:android WebView: Handle arrow keys in JavaScript但没有找到可行的解决方案。

有什么方法可以获取 Android WebView 中的方向键箭头键代码？

最佳答案

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

本质上，d-pad 由 native 应用程序使用，因此您需要处理它，如果您使用全屏 WebView，则可以通过将其注入(inject) 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
        };

在 webview 所在的 fragment 中(尽管这可能在您的 Activity 中):

/**
 * 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;
    }
};

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

关于android - 在 WebView Google TV 应用上处理方向键的方向键，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19716840/