javascript——移动端input,textarea输入框获得焦点页面上移
来源:互联网 发布:华为p9 plus优化 编辑:程序博客网 时间:2024/06/07 17:07
一路走来,在移动端页面这条路上,踩了不少坑啊。
下面介绍一下我踩的坑之一:点击input时,软键盘把input框给遮住了,,,这怎么行,解决呗。总不能让设计师把页面重新布局一遍吧,再说这定下来的页面,怎么可能因为我这点小问题说改就改。。。
呜呜~~(>_<)~~我还是个孩子。。。。。
经过试验,发现在ios上正常,那就来处理安卓呗,
if (/Android [4-6]/.test(navigator.appVersion)) { window.addEventListener('resize', function () { if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') { window.setTimeout(function () { document.activeElement.scrollIntoViewIfNeeded() }, 0) } })}
嘿,恭喜恭喜,问题解决了,不用犯难了,是不是很开心啊:)
每天进步一点点!!!
阅读全文
0 0
- javascript——移动端input,textarea输入框获得焦点页面上移
- 解决安卓手机H5页面input获得焦点时页面挤压或者底部上移
- input 输入框默认获得焦点
- 移动端-webkit-user-select:none导致input/textarea输入框无法输入
- 我的Web学习之路1——input,textarea获得/失去焦点时隐藏/显示文字
- input 输入框获得/失去焦点时隐藏/显示文字
- 输入框input获得焦点后边框加亮代码
- input 输入框获得/失去焦点时隐藏/显示文字
- [Javascript]如何在HTML中实现点击input输入框(获得焦点)后默认提示消失的效果
- HTML页面中,设置input获得焦点
- esasyui 和 KindEditor 在同一页面,input无法获得焦点,无法输入
- 进到页面后input输入框自动获取焦点
- input框失去获得焦点
- 页面加载完成,输入框获得焦点失败
- 输入框获得焦点和失去焦点
- TextBox获得焦点——客户端JavaScript
- javascript获得页面各个部分的焦点
- input输入框4个以空格,获得焦点就没有
- hadoop之文件系统HA搭建的部署细节
- mysql cluster
- Android中RadioGroup的多行多列,以及互斥监听
- 028_实战EXE和SYS通信-28课(缓冲模式)_exe_控制台
- 图像处理基本算法 车牌识别与定位
- javascript——移动端input,textarea输入框获得焦点页面上移
- POJ 1083(水题)
- c++电话薄
- QT学习笔记(1)
- 名企笔试:2016网易笔试题(奖学金)2017-05-12 算法爱好者
- springboot 添加静态页面
- 激光雷达学习笔记(一)数据采集
- 通过jQuery动态提交表单,解决一些避免get方式传值问题
- Redis源码剖析和注释(二十二)--- Redis 复制(replicate)源码详细解析