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
启用
对于一些页面,我试图在页面加载完成后设置其中一个输入文本框的焦点-不是通过BodyonLoad()
,而是在页面加载完成后通过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);