网站首页 极客学院 视频课堂 极客论坛 下载专区 行业新闻 欢迎光临极客研究院,今天是2019-08-24 星期六
会员面板
帐号:
密码:
验证码:
极客学院
教程搜索
输入要搜索的内容:

下载专区
精品教程
   网站首页 > 移动开发 > Android开发教程 > 手机网页文本输入框获得焦点

手机网页文本输入框获得焦点

有个网页在APP的webview里面显示,想在刚打开时,文本输入框自动获得焦点,(光标在输入框闪烁)

一开始想用JS的方法:

function get_focus(){

     document.getElementById("barcode").focus();

<body onLoad="get_focus()">

<input type="text" id="barcode" name="barcode" />

</body>

经测试,这方法在电脑和在手机中能达到我想要的效果,但在PDA中不成功.应该是因为不同的安卓系统安全的设定不一样

后面经多次摸索,还是需要在APP里面实现此功能,
APP里面webview设定的方法:

this.wv.setWebViewClient(new WebViewClient(){
               @Override
               public boolean shouldOverrideUrlLoading(WebView view, String url) {
                 view.loadUrl(url);
                 return true;
                   }
               @Override
               public void onPageFinished(WebView view, String url) {
                   //起关键作用的是这个方法,网页载入完成后生成JS定时函数获取焦点
                   view.loadUrl("javascript:setTimeout( function(){ try{ var t = document.getElementById('barcode');t.focus();t.select();}catch(e){}},500);");
               }
           });

在PDA安装后,进入页面,终于见到闪烁的光标了

  相关文章
本文标题:手机网页文本输入框获得焦点
对本文有疑问?现在就进入论坛提问>>
 
粤ICP备18090445号