手机端兼容性总结

一、iphone手机上用keyup事件监听软键盘回车键的点击行为，时灵时不灵

问题描述：手机端页面有个input输入框，获取焦点时软键盘弹起，此时点击【搜索】按钮，时而有效时而无效，出现该问题的机型：iphone8、11、xr、se等版本。

原因分析：......

解决方案：使用keydown或者keypress事件代替即可。

二：iphone手机慎用固定定位（position:fixed）

问题描述：比如一个搜索页面要在顶部固定搜索框，通常想法是把input框用固定定位将其布局到页面顶部，但是此时会出现个现象，当手指下拉页面时，苹果手机浏览器会从顶部露出灰色背景，且随着手指的 不断下拉，这个灰色背景会遮挡住顶部的输入框。

原因分析：iphone手机对固定定位的兼容性不好

解决方案：既然支持不好，那么我就不用你了，改变布局方式，不用固定定位，如采用正常文档流，顶部一个盒子（高度固定，如height:100px），其余空间为另一个盒子（高度动态充满剩余高度空间，height: calc(100%-100px)），这个盒子要设置为超出自身高度就滚动，当然也可以用其它布局方式实现。