Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android WebView-使用Javascript设置HTML字段焦点_Javascript_Android_Android Webview_Dom Events_Setfocus - Fatal编程技术网

Android WebView-使用Javascript设置HTML字段焦点

Android WebView-使用Javascript设置HTML字段焦点,javascript,android,android-webview,dom-events,setfocus,Javascript,Android,Android Webview,Dom Events,Setfocus,我有一个应用程序,它只有一个可见的WebView组件,用于显示一些动态生成的HTML(也可以运行Javascript)。它已为WebView启用 对于一些页面,我试图在页面加载完成后设置其中一个输入文本框的焦点-不是通过BodyonLoad(),而是在页面加载完成后通过JS调用,即在onPageFinished()。大多数javascript执行良好 webview.loadURL("javascript:JSMethod();"); 但是当我使用相同的调用来执行document.ge

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

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

    webview.loadURL("javascript:JSMethod();");
但是当我使用相同的调用来执行
document.getElementById('text1').focus()
-光标确实到达元素,但是
软键盘不会弹出。当从页面上的按钮执行相同的javascript代码时,确实会产生预期的效果

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

  • 焦点文本1
    -将光标放在文本1上,然后弹出软键盘
  • javafocustext1
    -调用Java执行相同的JS。只在那里显示光标,不会弹出键盘
  • Java焦点文本1和键盘打开
    -从Java调用JS并强制打开键盘
  • 我的理解是,无论是使用按钮/事件从浏览器执行,还是通过
    WebView.loadURL()
    从Java发送,JS执行都应该工作相同

    这是我的查询

  • 使用
    按钮2
    时是否遗漏了什么?这就是我当前的代码,我只看到光标已设置,但软键盘无法打开
  • 当我使用
    按钮#3
    中所述的逻辑时,有时我看不到字段上的光标,但会给我所需的效果,当我在弹出的键盘中键入内容时,光标会变得可见
  • 我在
    按钮2
    中看到的行为是否是Android JS执行中的一个bug?或者可能是
    WebView
    没有焦点,这就是为什么只显示光标?我还尝试了
    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;
                }
            }
        }
    
    另外,为了确保这个问题不会因为触摸等触发焦点而被修复,我正在使用一个后台线程在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.... 
    

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

    wv.requestFocus(View.FOCUS_DOWN);
    

    这确实奏效了。诀窍是使用
    wv.requestFocus(View.FOCUS\u DOWN)在请求焦点之前。修改问题以使代码格式良好。有人知道答案wv.requestFocus(View.FOCUS\u DOWN)在ios上有效吗?谢谢你的详细解释。我也有同样的问题,但这个解决方案在Android 3.2上对我不起作用。最后,我不得不编写一个函数来模拟现场的实际敲击。我不知道你的解决方案为什么不起作用。WebView充满了怪癖。我没有在Android 3.x/4.x中测试这段代码。但是您是否尝试在其中任何一个中运行此示例程序?我很想知道您是否可以使用此方法来确保type=number输入实际上获得一个数字键盘。就我所知,InputMethodManager只能打开标准键盘布局(Qwerty),因为它不知道当前哪个HTML元素有焦点。使用wv.requestFocus没有帮助。
    
    wv.requestFocus(View.FOCUS_DOWN);