Android WebView: Handle arrow keys in JavaScript - Stack Overflow

admin管理员组

文章数量:1426020

I have a simple WebView application which I want to control with the keyboard. Is it possible to catch arrow keys in Javascript?

I have tried the following code without any luck:

function handleArrowKeys(evt) {
    console.info('key');                                                                                         
}

document.onkeyup = handleArrowKeys;
document.onkedown = handleArrowKeys;
document.onkepress = handleArrowKeys;

Javascript is enabled in the webview

WebSettings webSettings = webview.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setDomStorageEnabled(true);

I have a simple WebView application which I want to control with the keyboard. Is it possible to catch arrow keys in Javascript?

I have tried the following code without any luck:

function handleArrowKeys(evt) {
    console.info('key');                                                                                         
}

document.onkeyup = handleArrowKeys;
document.onkedown = handleArrowKeys;
document.onkepress = handleArrowKeys;

Javascript is enabled in the webview

WebSettings webSettings = webview.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setDomStorageEnabled(true);

• javascript
• android
• android-webview
• dom-events

Share Improve this question Follow edited Aug 14, 2019 at 8:26 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Apr 16, 2012 at 10:59 barabara 3,06422 gold badges2828 silver badges2525 bronze badges 4

• Have you tried document.body.onkeydown etc? – Lee Kowalkowski Commented Apr 16, 2012 at 12:08
• Yes and I do get key events from normal keys but no events from the arrow keys. The WebView does not trigger those. – bara Commented Apr 17, 2012 at 10:16
• I have found shouldOverrideKeyEvent the WebViewClient. I think this is going to the right direction – bara Commented Apr 17, 2012 at 10:58
• OK, cool. onkeypress will never trigger for arrow keys, incidentally. You have to use down/up for special keys. – Lee Kowalkowski Commented Apr 17, 2012 at 15:14

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

You should overwrite the onKeyDown method of WebView. See: http://blog.csdn/focusxi/article/details/6780965

@Override 
public boolean onKeyDown(int keyCode, KeyEvent event){
    int valKey = 0;
    System.out.println("Web KEY:"); 
    System.out.println(keyCode);    

    switch(keyCode){
        //UP
        case 50:
        case 19:
            valKey = 19;
            break;
        //DOWN
        case 83:
        case 20:
            valKey = 20;        
            break;
        //LEFT
        case 81:
        case 21:
            valKey = 21;
            break;
        //RIGHT
        case 69:
        case 22:
            valKey = 22;    
            break;
    }

    if (valKey!=0)
    {
        //new KeyEvent(KeyEvent.ACTION_DOWN,KeyEvent.KEYCODE_SHIFT_LEFT);
        KeyEvent event1 = new KeyEvent(KeyEvent.ACTION_DOWN, valKey);

        System.out.println(event1.getKeyCode());    

        return super.onKeyDown(38, event1);
    }
    else
    {
        return super.onKeyDown(keyCode, event);
    }

}
}

本文标签： Android WebView Handle arrow keys in JavaScriptStack Overflow