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

2019-04-02  本文已影响0人  寻欢

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

我个人的处理方法:

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

上一篇下一篇

猜你喜欢

热点阅读