移动端input或textarea获得焦点，软键盘遮挡文本框的解决办法

最新推荐文章于 2024-10-13 21:40:04 发布

吕化冬

最新推荐文章于 2024-10-13 21:40:04 发布

阅读量3.1k

点赞数

分类专栏：小方法文章标签：键盘遮挡输入框 input被遮挡 textarea被遮挡移动端输入框被键盘遮挡

本文链接：https://blog.csdn.net/weixin_40656367/article/details/83658832

版权

小方法专栏收录该内容

3 篇文章 0 订阅

订阅专栏

加上这一段代码,当input或textarea获得焦点触发。完美解决

$("input").on('focus',function () {
        window.addEventListener('resize', function () {
            if (document.activeElement.tagName === 'TEXTAREA') {
                document.activeElement.scrollIntoView({behavior: "smooth"})
            }
        })
    })