美文网首页
移动端输入框获取焦点之后,键盘弹出,输入框上移

移动端输入框获取焦点之后,键盘弹出,输入框上移

作者: 寻欢 | 来源:发表于2019-04-02 10:33 被阅读0次

ios和android针对输入框有不同的处理方式,ios不会影响页面的效果,会将键盘放在页面更上一层的,不会影响页面的布局。
android的键盘弹出时会将其放置在页面的同一层,会将整体的输入框,针对不同的手机厂家,系统,手机类型,分辨率,会有不同的上移效果。

我个人的处理方法:

-首先根据客户端判断,是否是ios,ios不做处理,如果是andriod进入以下的处理
-在弹出框获取焦点的时候,添加样式,输入框进行下移,失去焦点之后恢复,方法较为简单,但是用户体验因人而异。
-在弹出框获取焦点的时候,直接重新做个textarea占据全屏界面,是去焦点之后,将textarea的值赋值给输入框,用户体验会好些。

相关文章

网友评论

      本文标题:移动端输入框获取焦点之后,键盘弹出,输入框上移

      本文链接:https://www.haomeiwen.com/subject/tzdwbqtx.html