Android WebView - Настройка фокуса поля HTML с использованием Javascript - PullRequest
Новая
       4

Android WebView - Настройка фокуса поля HTML с использованием Javascript

15 голосов
/ 14 апреля 2011

У меня есть приложение с видимым компонентом WebView, которое используется для отображения некоторого динамически сгенерированного HTML (также можно запускать Javascript). Это включено для WebView.

Для нескольких страниц я пытаюсь установить фокус одного из текстовых полей ввода после завершения загрузки страницы - не через Тело onLoad(), а вместо этого с помощью вызова JS после страницы закончила загрузку т.е. в onPageFinished(). Большая часть JavaScript выполняется отлично 

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

Но когда я использую тот же вызов, чтобы сделать document.getElementById('text1').focus() - курсор достигает элемента, но Soft Keyboard не выскочит. Тот же код javascript при выполнении с помощью кнопки на странице дает желаемый эффект.

Я прилагаю исходный код, который имеет 3 кнопки

  1. Focus Text1 - Наведите курсор на текст1 и откройте экранную клавиатуру.
  2. Java Focus Text1 - Вызывает Java для выполнения того же JS. Показывает только курсор и не высовывает клавиатуру
  3. Java Focus Text1 And Keyboard Open - вызывает JS из Java и открыть клавиатуру Forces.

Насколько я понимаю, выполнение JS должно работать одинаково, независимо от того, выполняется ли оно из браузера с помощью кнопки / события или как отправлено с Java через WebView.loadURL().

Вот мои Запросы

  1. Я что-то упускаю при использовании Button#2? Вот таков мой текущий код, и я вижу только, что курсор установлен, но SoftKeyboard не открывается.
  2. Когда я использую логику, как написано в Button#3, я иногда не вижу курсор на поле, но дает мне желаемый эффект, и курсор становится видимым, когда я что-то набираю в выдвинутой клавиатуре.
  3. Может ли поведение, которое я вижу в Button#2, быть ошибкой при выполнении Android JS? Или, может быть, у 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;
            }
        }
    }

Обновление решения 24-06-2011 Чтобы это работало, вам нужно использовать wv.requestFocus(View.FOCUS_DOWN) непосредственно перед фокус-вызовом JS. Я изменил метод 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);
}

Также, чтобы эта проблема не была устранена из-за фокусировки, вызванной прикосновением и т. Д., Я использую фоновый поток для запуска javaFocus () через 5 секунд отображения WebView. Модифицированный 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....

1 Ответ

7 голосов
/ 16 июня 2011

Возможно, веб-просмотр не сфокусирован на приложении.Попробуйте выполнить; 

wv.requestFocus(View.FOCUS_DOWN);
...