Html IOS失去焦点不回滚

最新推荐文章于 2024-11-03 20:03:09 发布

浮游生物123

最新推荐文章于 2024-11-03 20:03:09 发布

阅读量100

点赞数

分类专栏： Html Error 文章标签： jquery html

本文链接：https://blog.csdn.net/a61291/article/details/113659714

版权

Html Error 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
    var u = navigator.userAgent;
    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
    var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    
    $('input').blur(function () { //输入框失去焦点事件
        var sender = this; //sender = 失去焦点的控件
        setTimeout(function () {
            if (document.hasFocus() && document.activeElement.tagName == 'BODY') {
                //document.activeElement.id         document.activeElement = 当前得到焦点的控件
                $('html, body').animate({ scrollTop: $(sender).offset().top }, 300);
            }
        }, 100) //给点时间让浏览器反应焦点转移，避免连续点击输入框照成滚动异常
    })
    
</script>