最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 web…

android系统通过监听网页的resize事件可以判断，测试发现在手机浏览器中网页全屏状态监听是不起作用的，但在微信中是可以的， ios系统中不能通过resize

我相信你阅读过我的文章之后，会有另外一番收获与认识。 关于移动端软键盘带来的影响，做过移动端开发的都经常碰到，知其然知其所以然，我们只模糊知道解决办法，却不去了解本质，自己也会焦虑，要不一起去探索它

在 H5 项目中，我们会经常遇到页面中存在单个甚至多个 input/textarea 输入框与底部固定元素的布局情况。在 input/textarea 输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 ios 与 android 的 webview 中表现并非一致，同时当我们…

创新型技术方法来解决，舍弃网络广泛传播的不规范方法来就解决问题。并带你搞清楚问题的前因后果，拓展知识

代码片段 手机扫一扫访问 inputmode（设置键盘的类型） 关键词 描述 none 不显示键盘，需要实现自己的键盘输入控件时很有用（比如车牌输入，身份证号码输入等）。 text 标准文本输入键盘。

在移动端开发中会遇见各种适配的问题，特别是iOS与安卓之间的差异。。。

Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域内。参数如下。 Element.scrollIntoViewIfNeeded()方法也是用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。但如果该元素已经在浏览器窗口的可…