之前我们在使用vue进行 h5 表单录入的过程中，遇到了Android软键盘弹出，覆盖 h5页面 输入框 问题，在此进行回顾并分享给大家: 系统：Android 条件：当输入框在可视区底部或者偏下的位置 触发条件：输入框获取焦点，弹出软键盘 表现：软键盘 覆盖 h5页面中的输入框 问题分析： 1.发 ...
分类：
移动开发 时间：
2018-05-30 18:13:24
阅读次数：
260
这周几天遇到了好几个关于web移动端兼容性的问题。并花了很长时间去研究如何处理这几种兼容问题。 这次我们来说说关于移动端软键盘的js处理吧。 一般情况下，前端是无法监控软键盘到底是弹出来还是关闭的。能使用的一般是输入框获取焦点事件（focus）与输入框失去焦点事件（blur）。 ios设备下，点击输 ...
分类：
移动开发 时间：
2018-05-26 17:11:49
阅读次数：
347
之前我们在使用vue进行 h5 表单录入的过程中，遇到了Android软键盘弹出，覆盖 h5页面 输入框 问题，在此进行回顾并分享给大家: 系统：Android 条件：当输入框在可视区底部或者偏下的位置 触发条件：输入框获取焦点，弹出软键盘 表现：软键盘 覆盖 h5页面中的输入框 问题分析： 1.发 ...
分类：
移动开发 时间：
2018-05-22 10:44:01
阅读次数：
253
问题显示： 当吊起手机的软键盘的时候 会遮住验证码输入内容，造成盲输入 问题解决： 在包裹 登录的父元素样式上加: 重点就是bottom：50% （在希望登录框居中的情况下） 我们可以发现 ，当页面吊起移动端的软键盘的时候 页面的高度发生了改变，使用fixed布局，检测到了改变 并作出了相应的变化， ...
分类：
移动开发 时间：
2018-05-12 18:21:11
阅读次数：
188
https://www.jianshu.com/p/3d31d681f4bc 问题：当EditText失去焦点时做内容校验 场景：用户编辑EditText将内容清空，当点击空白地方时关闭软键盘，同时校验EditText的内容，如果为空则设为"1"。 问题远没有看着那么简单哦 第一步：添加焦点监听 v ...
分类：
移动开发 时间：
2018-05-10 14:32:08
阅读次数：
210
现在移动端颗粒度越来越小，所以清晰度很高，如华为p9的devicePixelRatio为4， 这是有多变态，devicePixelRatio是物理像素/逻辑像素=倍率devicePixelRatio，所以 如倍率为4，一个像素在设备上放大了4倍，所以真实4像素是很难在设备上展示出现的， 只能使用缩放 ...
分类：
移动开发 时间：
2018-05-03 22:41:23
阅读次数：
471
隐藏软键盘的终极方法： 那 SoftKeyboardUtil 第二个方法的 List<View> viewList 参数是什么， viewList 中需要放的是当前界面所有触发软键盘弹出的控件。 比如一个登陆界面， 有一个账号输入框和一个密码输入框， 需要隐藏键盘的时候， 就将两个输入框对象放在 v ...
分类：
移动开发 时间：
2018-04-28 15:43:21
阅读次数：
206
1.TextInput 允许用户输入文本的基础组件. 属性 onChangeText 接受一个函数，而此函数会在文本变化时被调用。 onSubmitEditing 在文本被提交后（用户按下软键盘上的提交键）调用 实例： 12345678 <TextInput style={{height: 40}} ...
分类：
其他好文 时间：
2018-04-13 11:06:36
阅读次数：
419
键盘定义：通过Keyboard说明是一个软键盘定义文件，Row元素说明这是一行按键的定义，Key元素说明这是一个按键的定义。Key元素通过一些属性来定义每个按键，下面是一些常用的属性介绍： Codes：代表按键对应的输出值，可以为unicode值或则逗号(,)分割的多个值，也可以为一个字 符串。在字 ...
分类：
移动开发 时间：
2018-04-11 15:39:58
阅读次数：
206
1 editText.requestFocus() 2 editText.isFocusable = true 3 editText.isFocusableInTouchMode = true 4 val timer = Timer() 5 timer.schedule(object : Timer... ...
分类：
其他好文 时间：
2018-04-06 23:47:59
阅读次数：
249
