Android WebView - 设置 HTML 使用 Javascript 的场焦点

Question

我有一个只有一个可见的WebView组件的应用程序，它用于显示一些动态生成的 HTML（也可以运行 Javascript）。 它已为WebView启用。

对于几页，我试图在页面加载完成后设置输入文本框之一的焦点 -不是通过Body onLoad() ，而是在页面加载完成后通过 JS 调用，即在onPageFinished()中。 大多数 javascript 执行得很好

    webview.loadURL("javascript:JSMethod();");

但是，当我使用相同的调用来执行document.getElementById('text1').focus() - cursor 确实到达了元素，但Soft Keyboard不会弹出。 从页面上的按钮执行相同的 javascript 代码确实具有预期的效果。

我附上有3 个按钮的源代码

Focus Text1 - 将 cursor 放在 text1 上并弹出软键盘。
Java Focus Text1 - 调用 Java 执行相同的 JS。 那里只显示 cursor 并且不会弹出键盘
Java Focus Text1 And Keyboard Open - 从 Java 调用 JS 并强制打开键盘。

我的理解是，无论是使用按钮/事件从浏览器执行，还是从 Java 通过WebView.loadURL()发送，JS 执行都应该相同。

这是我的查询

使用Button#2时我错过了什么吗？ 这就是我当前的代码，我只看到 cursor 已设置，但 SoftKeyboard 打不开。
当我使用Button#3中编写的逻辑时，有时我在字段上看不到 cursor 但会给我想要的效果，当我在弹出的键盘中键入内容时 cursor 变得可见。
我在Button#2中看到的行为可能是 Android JS 执行中的错误吗？ 或者可能是WebView没有焦点，这就是为什么只显示 cursor 的原因？ 我也试过webview.requestFocus() - 我不能写requestFocusOnTouch()因为它是我唯一拥有的视图并且我希望它自动聚焦。

演示行为的 Java 代码是

    import android.app.Activity;
    import android.content.Context;
    import android.os.Bundle;
    import android.util.Log;
    import android.view.inputmethod.InputMethodManager;
    import android.webkit.JsResult;
    import android.webkit.WebChromeClient;
    import android.webkit.WebView;
    import android.webkit.WebViewClient;

    public class WebViewProjectTestJSHTMLFocusActivity extends Activity {

        Activity _current = null;
        WebView wv = null;

        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            _current = this;
            //setContentView(R.layout.main);
            String data = "<html><body>" +
                                "<script>function focusser() { document.getElementById(\"text1\").focus(); } </script>" +
                                "<script>function javaFocusser() { javautil.javaFocus(false); } </script>" +
                                "<script>function javaFocusserKeyboard() { javautil.javaFocus(true); } </script>" +
                                "Text 1<input type='text' id='text1'/><br/>" +
                                "Text 2<input type='text' id='text2'/><br/>" +
                                "<input type='button' value='Focus Text1' onClick='focusser()'/>" +
                                "<input type='button' value='Java Focus Text1' onClick='javaFocusser()'/>" +
                                "<input type='button' value='Java Focus Text1 And Keyboard Open' onClick='javaFocusserKeyboard()'/>" +
                            "</body></html>";
            wv = new WebView(this);
            wv.getSettings().setJavaScriptEnabled(true);

            // Set some HTML 
            wv.loadDataWithBaseURL("file:///android_asset/", data, "text/html", "UTF-8", null);

            // Call back required after page load finished
            wv.setWebViewClient(new CustomWebViewClient());

            // Enable Alert calls  
            wv.setWebChromeClient(new CustomWebChromeClient());

            // For JS->Java calls
            wv.addJavascriptInterface(this, "javautil");

            setContentView(wv);
        }


        /**
         * Calls the same javascript and forces the keyboard to open 
         */
        public void javaFocus(final boolean shouldForceOpenKeyboard) {

            Thread t = new Thread("Java focusser thread") {
                public void run() {
                    wv.loadUrl("javascript:focusser();");
                    if(shouldForceOpenKeyboard) {
                        InputMethodManager mgr = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                        mgr.showSoftInput(wv, InputMethodManager.SHOW_IMPLICIT);
                    }
                }
            };

            // Run on the View Thread.
            _current.runOnUiThread(t);
        }

        /**
         * Calls focus method after the page load is complete.
         */
        final class CustomWebViewClient
        extends WebViewClient {
            @Override
            public void onPageFinished(WebView view, String url) {
                // javaFocus(true);
                Log.d("TestExamples", "focusser call complete");
            }
        }

        final class CustomWebChromeClient
        extends WebChromeClient {
            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                Log.d("TestExamples", "JS Alert :: " + message);
                return false;
            }
        }
    }

解决方案更新 24-06-2011要使其工作，您需要在实际的 JS 焦点调用之前使用wv.requestFocus(View.FOCUS_DOWN) 。 我将上面的javaFocus()方法修改为下面的正确版本。 早些时候，当我提到我正在使用 requestFocus() 时，当WebView在方法onCreate()中被初始化时，我正在使用它。 主要区别是现在我们强制WebView每次都在 Javascript document.getElementById("text1").focus();之前获得焦点。 被执行。

public void javaFocus(final boolean shouldForceOpenKeyboard) {
    Thread t = new Thread("Java focusser thread") {
        public void run() {
            wv.requestFocus(View.FOCUS_DOWN);
            wv.loadUrl("javascript:focusser();");
            if(shouldForceOpenKeyboard) {
                InputMethodManager mgr = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                mgr.showSoftInput(wv, InputMethodManager.SHOW_IMPLICIT);
            }
        }
    };

    // Run on the View Thread.
    _current.runOnUiThread(t);
}

此外，为了确保由于通过触摸等触发焦点而未解决此问题，我使用后台线程在 WebView 显示 5 秒后启动 javaFocus()。 修改后的onCreate()如下。

..... More onCreate code before....
// Enable Alert calls  
wv.setWebChromeClient(new CustomWebChromeClient());

// For JS->Java calls
wv.addJavascriptInterface(this, "javautil");

setContentView(wv);

new Thread("After sometime Focus") {
    public void run() {
        try {
            Thread.sleep(5000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        javaFocus(true);
    }
}.start();
.... onCreate() ends after this....

Answer 1

可能是webview没有应用程序焦点。 尝试执行;

wv.requestFocus(View.FOCUS_DOWN);

Answer 2

这是完整的解决方案。

protected void onCreate(Bundle savedInstanceState) {

    // setfocus on page load finished
    myWebView.setWebViewClient(new WebViewClient() {
        @Override
        public void onPageFinished(WebView view, String url) {
            super.onPageFinished(myWebView, url);
            myWebView.requestFocus(View.FOCUS_DOWN);
            Toast.makeText(getApplicationContext(), "Done!", Toast.LENGTH_SHORT).show();
        }
    });
}

Android WebView - 设置 HTML 使用 Javascript 的场焦点

问题描述

2 个解决方案

解决方案1
8 已采纳 2011-06-16 13:45:57

解决方案2
1 2022-05-18 11:17:51

Android WebView - 设置 HTML 使用 Javascript 的场焦点

问题描述

2 个解决方案

解决方案1 8 已采纳 2011-06-16 13:45:57

解决方案2 1 2022-05-18 11:17:51

解决方案1
8 已采纳 2011-06-16 13:45:57

解决方案2
1 2022-05-18 11:17:51