H5解决安卓软键盘弹出遮蔽的方法
2024-08-28 05:57:29
首先先判断是否为安卓,是的话才添加事件监听,获取焦点元素判断是否为input或者textarea类型,是的话,Element.scrollIntoView() 方法会让当前的元素滚动到浏览器窗口的可视区域内
created () {
var u = navigator.userAgent
if (u.indexOf('Android') > -1 || u.indexOf('Adr') > -1) {
this.onFoucs()
}
},
methods: {
onFoucs () {
window.addEventListener('resize', function () {
alert('android')
if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {
alert(document.activeElement.tagName)
// alert('2332323')
window.setTimeout(function () {
alert('scroll')
document.activeElement.scrollIntoView()
}, 1)
}
})
}
},
最新文章
- MarkDown笔记
- 开发必备的Windows小技巧
- __ block
- 【Cocos2d-x 3.x】 场景切换生命周期、背景音乐播放和场景切换原理与源码分析
- Cannot refer to an instance field pageTitle while explicitly invoking a cons
- linux shell 使用总结
- HL AsySocket 服务开发框架 - 业务逻辑层
- Rest服务
- Ubuntu 14.04中文输入法的安装
- 八、CCMenu和CCMenuItem
- 【JAVA】浅谈java内部类
- 【转】基于V4L2的视频驱动开发
- 【实战代码】PHP实现读取一个1G的文件大小
- 公用表表达式 (CTE)、递归、所有子节点、sqlserver
- CSS Modules入门教程
- centos 配置ssh远程登录
- 【代码笔记】Web-JavaScript-JavaScript语句
- 利用HTML5开发Android
- 共享锁(S锁)和排它锁(X锁)
- 关于微信分享到朋友圈(Thinkphp-tp3.2框架下实现)