在iOS和Andriod遇到的关于软键盘的坑

2015-08-24 | 分类: Web | 标签: iOS Andriod HTML5

###以下是例子

安卓软键盘最上面一条导航栏并不占据window高度。他的后面也是页面可视宽度只是被遮挡了。。。大约40px

手机很容易把scroll和click混到一起触发,可以使用touchmove事件来判断是属于scroll或者click事件

安卓弹出软键盘会影响到可视界面的大小。ios并不会影响大小。所以安卓可能需要做resize处理。

可以通过用webkit的专门scrollbar来控制滚动条的显示。安卓一定生效。ios不一定生效待研究

以免使用iscroll等第三方插件拖慢页面加载速度和流畅度

focus并不能唤出所有软键盘但是确实有光标会显示在内

window.scrollTo(0, 1);返回到顶部

‘-webkit-overflow-scrolling’,’touch’可以实现ios的scroll有回弹效果

ios 长按input可以弹出软键盘。快速的按下无法弹出软键盘

http://www.bkjia.com/HTML5/687437.html

华为4x手机浏览器对focus和软键盘的处理:focus弹出软键盘之后在收起软键盘无法blur 一直处于focus状态

软键盘弹起与否不会影响窗体高度。

baidu浏览器再弹出软键盘的情况上拉或下拉页面会导致软键盘收回

tskill 和taskkill 和 tasklist