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

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

我个人的处理方法:

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 16,830评论 4赞 61
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,764评论 1赞 11
  • 不知不觉,岁寒输入法的更新历史已经可以列出这么一长串来了。从中可以看出,岁寒的发展过程也是一个不断试错的过程,其中...
    临岁之寒阅读 35,073评论 1赞 6
  • 答辩结束了!论文也改完提交了,可是最重要的一件事事情还没有做,谢师宴要定到哪天呢! 李卓然对着师弟武健说:“你说老...
    就爱嗑瓜子阅读 1,248评论 11赞 39
  • 写这篇文章的时候刚好离职一个月,拿到offer准备结束空窗期。回顾这段赋闲在家的日子,原本想着离职后可以先游山玩水...
    光影鱼阅读 601评论 0赞 1

友情链接更多精彩内容