Read Keyboard events in Android WebView

Question

I'm trying to listen to key events in android web view. Example when user is filling a form, I should receive the key events. This is my WebView code

public class MyWebView extends WebView implements OnKeyListener
{
    .....

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event)
    {
        Log.i("PcWebView", "onKeyDown keyCode=" + keyCode);
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public boolean onKeyUp(int keyCode, KeyEvent event)
    {
        Log.i("PcWebView", "onKeyUp keyCode=" + keyCode);
        return super.onKeyUp(keyCode, event);
    }

    @Override // Listener is initialized in the constructor
    public boolean onKey(View v, int keyCode, KeyEvent event)
    {
        Log.i("PcWebView", "onKey keyCode=" + keyCode);
        return false;
    }

    .....

}

neither of the methods onKeyDown, onKeyUp and onKey are being called when user types into the textboxes or textareas. Is it possible to achieve this or has Android restricted this b'cos of a possible privacy breach?

Were you able to get it working? I have exactly same problem at the moment... — Sujit Poudel, Oct 06 '13 at 06:06
No, this type of action is considered to be insecure as passwords etc can be recorded. So it is not allowed in android. — PC., Oct 07 '13 at 07:00

riwnodennyk · Accepted Answer · 2015-04-27T15:59:46.910

Caution! This solution supports only English letters.

Accomplished without any access to the HTML source code or JS events. Works for me on Android 5.0.2 for both soft and hardware keyboards.

public class MyWebView extends WebView {


    @Override
    public InputConnection onCreateInputConnection(EditorInfo outAttrs) {
        return new BaseInputConnection(this, false); //this is needed for #dispatchKeyEvent() to be notified.
    }

    @Override
    public boolean dispatchKeyEvent(KeyEvent event) {
        boolean dispatchFirst = super.dispatchKeyEvent(event);
        // Listening here for whatever key events you need
        if (event.getAction() == KeyEvent.ACTION_UP)
            switch (event.getKeyCode()) {
                case KeyEvent.KEYCODE_SPACE:
                case KeyEvent.KEYCODE_ENTER:
                    // e.g. get space and enter events here
                    break;
            }
        return dispatchFirst;
    }
}

The trick here is overriding the system-provided input implementation of InputConnection with a simplified one. Preventing developers from accessing the events by default was made by Googlers on purpose. Because the key event input isn't the only one anymore. There're gestures, voice and more is coming. Official recommendation is to "stop relying on legacy key events for text entry at all". Check out more details here: https://code.google.com/p/android/issues/detail?id=42904#c15

@PC. yes, sure. E.g. if the page loaded into the WebView is something like https://www.google.com.ua , you get notified on every letter input into the text box. — riwnodennyk, Apr 15 '15 at 16:34
This can cause problems. Because you ignore the `EditorInfo` (which carries `InputType` information) this can lead to the wrong keyboard being shown. eg. last used keyboard is numeric but user clicks into text field, the numeric keyboard appears (interestingly this was only happening on certain devices eg. HTC One M8). I was trying to hide keyboard on Enter, I had to achieve this a different way - I hid keyboard when URL is about to load (`webViewClient.shouldOverrideUrlLoading()`). — hmac, Sep 06 '17 at 13:53

score 7 · Answer 2 · answered Apr 06 '17 at 15:52

7

You can use onUnhandledKeyEvent() function overrid on WebViewClient class. Works perfectly for me.

onUnhandledKeyEvent

@Override
public void onUnhandledKeyEvent(WebView view, KeyEvent event) {
      return;
}

whenever a user presses any key on the keyboard, this event will get fire.
Please let me know if that's works for you?

answered Apr 06 '17 at 15:52

Rohan J Mohite

2,283
10
19

I needed to know if any virtual keyboard event arrived in a text field in my WebView for an inactivity timer, and this works perfectly. Thanks. – Wildcopper May 28 '19 at 14:24
Note: call requires API level 28. – Arpit J. Oct 05 '20 at 15:21

score 1 · Answer 3 · answered Apr 02 '21 at 17:04

I found a simple way to do this in Kotlin with a JavaScript callback.

    webview.apply {
        settings.javaScriptEnabled = true

        addJavascriptInterface(object {
            @JavascriptInterface
            fun keyInteraction(): Boolean {
                //<handle key interaction here>
                return true
            }
        },"Android")

        webViewClient = object : WebViewClient() {
            override fun onPageFinished(view: WebView?, url: String?) {
                loadingFinished()
                view?.loadUrl(
                    "javascript:(function() {" +
                    "    window.parent.addEventListener (" +
                    "        'keyup'," +
                    "        function(event) {" +
                    "            Android.keyInteraction();" +
                    "        });" +
                    "})()"
                )
                super.onPageFinished(view, url)
            }
        }
    }

score 0 · Answer 4 · answered Mar 15 '20 at 09:33

you can use javascript like this

<body>
    
    <div contenteditable="true" id='box'></div>
</body>
    <script>
        box.addEventListener('keydown',e=>{
            if(e.keyCode ===13){
                alert('pressed enter key')
            }
        })
    </script>

score -2 · Answer 5 · answered Jun 19 '13 at 03:12

I don't know if you tried this already but...alternatively, you can enable javascript for your "MyWebViewClass" and use javascript events to call java code using webView.addJavascriptInterface(....etc)

Full Story :- http://developer.android.com/guide/webapps/webview.html#BindingJavaScript

Read Keyboard events in Android WebView

5 Answers5

Linked