欢迎光临
我们一直在努力

手机web开发,当文本框获得焦点时,输入法挡住了文本框

解决思路:
监听onfocus事件
触发焦点的时候
if 你的页面可以滚动 then
把你页面的scrollTop值增加,把文本框滚动到上部

else if 你的页面不可以滚动 then
增加页面的maring-bottom 使页面内容整体上移
<textarea class="form_textarea" onfocus="textfocus(this)" onblur="textblur(this)" rows="" cols=""></textarea>
 
<script type='text/javascript'>
    function textfocus(o){
        o.style.position = 'fixed';
        o.style.top = '50px';
        o.style.zIndex = '999';
    }
    function textblur(o){
        o.style.position = 'static';
        o.style.top = 'auto';
    }
</script>

 

赞(2)
版权归原作者所有,如有侵权请告知。达维营-前端网 » 手机web开发,当文本框获得焦点时,输入法挡住了文本框

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址