个人整理的代码片段

  //适配iphoneX底部
        if (window.location.href.indexOf("iphoneX")) {
            var body = document.getElementsByTagName("body")[0];
            var div = document.createElement("div")
            div.setAttribute("style", "position:fixed;height:38px;bottom:-38px;width:100%;background:#fff;z-index:+1")
            body.appendChild(div)
        }


        //解决在app里面软键盘唤起  底部fixed位置不对
        var filter = /^([a-zA-Z0-9_\.\-])+\@@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
        $('.email').blur(function () {
            if (filter.test($(this).val())) {
                console.log('格式正确')
            } else {
                $(this).val('').attr({ 'placeholder': '邮箱格式不对,请重新输入' })
            }
        })
        function check() {
            if ($('.person').val() == '') {
                $('.person').focus()
                return false;
            } else if ($('.email').val() == '') {
                $('.email').focus()
                return false;
            }
        }


        //解决fixed失效问题
        var ua = navigator.userAgent.toLowerCase();
        if (/iphone|ipad|ipod/.test(ua)) {
            $(document).on('focusin', 'input, textarea', function () {
                $(".bottom_btn").addClass('unfixed');
            })
            $(document).on('focusout', 'input, textarea', function () {
                $(".bottom_btn").removeClass('unfixed');
            });
        } else if (/android/.test(ua)) {
            var windheight = $(window).height();
            $(window).resize(function () {
                var docheight = $(window).height();
                if (docheight < windheight) {
                    $(".bottom_btn").css({ "position":"absolute","bottom":"0px!important"});
                } else {
                    $(".bottom_btn").css("position", "fixed");
                }
            });
        }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值