IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> ios移动端input以及中文键盘和阴影效果问题 -> 正文阅读

[移动开发]ios移动端input以及中文键盘和阴影效果问题

ios中input输入值的时候如果是输入一次调用一次键盘事件导致返回顶部一次,应该是?position: absolute影响到了兼容,思路:根据焦点事件当用户输入聚焦的时候更改内容取消position: absolute定位将键盘处理

代码:

绑定setfocus事件在这里事件中处理ios兼容

?window.visualViewport.height !== window.innerHeight? 是键盘的高度进行的判断

二 中文键盘问题

实际开发过程中安卓的中文键盘没什么问题,苹果自带的中文键盘输入一个值后尽管做了长度限制但是还是会失去焦点这种情况,原因是因为ios自带键盘在输入input值之后输入的值一直输入不像英文键盘是输入一直是一个值,而中文键盘你输入多少值都是将值放到了input中,所以就要对中文键盘做一下特殊处理

思路:利用compositionstart和compositionend可以知道中文输入什么时候开始和结束进行处理

代码:

?

?这里阻止了中文键盘事件,后面附加一个键盘事件图

?然后根据你想要操作的键盘值操作就行了

三 ios浏览器阴影效果问题

input阴影未生效,原因是因ios自带浏览器将输入框自动加上了默认样式

解决办法:-webkit-appearance: none;? ?去掉Ios默认的样式

代码 :

第一次写博客,有不正确的地方还请大佬指正,一起加油,共勉!!!?

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-10-23 12:37:23  更:2021-10-23 12:38:08 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 0:57:17-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码