关闭

处理input输入框被输入法遮住

标签: javascript
1957人阅读 评论(0) 收藏 举报
分类:
//处理input输入框被输入法遮住
function inputIos(inputBox){
    var inputF = $(inputBox).find('input');//找到对应的input
    if(inputF == document.activeElement){
        //获取焦点时用喔
        setTimeout(function(){
            var inputIsNotInView = notInView(),
                Width = window.innerWidth,
                Height = window.innerHeight;
            if(inputIsNotInView){
                if(Width != 750){
                    var bottomAdjust = (Height - window.innerHeight - 88) + 'px';
                    $(inputBox).css('bottom',bottomAdjust);
                }else {
                    var bottomAdjust = (Height - window.innerHeight - 88 - 432) + 'px';
                    $(inputBox).css('bottom',bottomAdjust);
                }
            }
        },600);

    }else {
        //失去焦点时用喔
        var inputIsNotInView=notInView();
        if(inputIsNotInView){
            $(inputBox).css({'opacity':0,bottom:0});
            setTimeout(function(){
                $(inputBox).css('opacity',1);
            },600)
        }
    }


    //------------------------------
    function notInView(){
        var bottom = inputBox.getBoundingClientRect().bottom;
        if (window.innerHeight - bottom < 0){
            return true;
        }else {
            return false;
        }
    };
}
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:92955次
    • 积分:1793
    • 等级:
    • 排名:千里之外
    • 原创:75篇
    • 转载:113篇
    • 译文:0篇
    • 评论:10条
    最新评论