尤明明Blog

网站建设 | 前端切图,技术不仅是一种专业,更是一种责任!

您的当前位置: 首页 » 前端学习 » js常用代码 »

js判断手机端键盘弹出从而调整输入框高度

2019-11-25   Umming   js常用代码    评论(0)    浏览(2326)


键盘弹起后 body 会增加 class="openkey"

用 openkey 调整表单的高度,让其在上半屏显示完整的表单,避免被遮挡

$(function(){
    w = $(window).height();
    ht = $('body').scrollTop();
    $(window).resize(function(){
        inps(3);
    })
     
    $('input').focus(function(){
        inps(1);
    })
     
     
    $('input').blur(function(){
        inps(0);
    })
     
    function inps(x){
        if(x==3){
            w2 = $(window).height();
            if(w2<w){
                x = 1;
            }
            else
            {
                x = 0;
            }
        }
        if(x==0){
            $('body').removeClass('openkey');
        }
        if(x==1){
            $('body').addClass('openkey');
        }
    }
})

标签: js代码

本文链接:https://www.umming.com/js/175.html

声明:本站信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!


发表评论:

//