mui 在ios上input点击不能输入的问题解决

最新推荐文章于 2023-09-13 08:46:18 发布
最新推荐文章于 2023-09-13 08:46:18 发布
阅读量2.3k 收藏 5
点赞数
CC 4.0 BY-SA版权
分类专栏： Hbuider html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_29769851/article/details/93625437
本文探讨了使用MUI框架在iOS设备上遇到的部分input无法输入的问题，并深入研究源码发现是由于-webkit-user-select样式冲突导致。文章提供了解决方案，通过调整样式属性使input在iOS上正常工作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

通常用mui框架 输入框是<input  ...../> 在安卓中是EditText 或者AutoEditText ,

但Mui框架中部分input在ios不能输入  可以弹出软键盘

 

研究其源码发现mui.css有样式冲突

默认input 加入一个样式 <input style="-webkit-user-select: none;"/>

 

禁掉用户可以选中页面中的内容

 

解决方案<input style="-webkit-user-select: auto;"/>

 

 

uniapp的uni-datetime-picker组件在ios端不适配，如何解决？
**My Coding Family**
11-30 1810
确保日期格式统一，尤其在 iOS 上使用标准的字符串格式。使用@confirm事件替换@change事件。初始化range和限制日期为合适的范围值。这样应该能够解决 iOS 上组件的日期选择不生效的问题。希望如上措施及解决方案能够帮到有需要的你。PS：如若遇到采纳如下方案还是未解决的同学，希望不要抱怨&&急躁，毕竟影响因素众多，我写出来也是希望能够尽最大努力帮助到同类似问题的小伙伴，即把你未解决或者产生新Bug黏贴在评论区，我们大家一起来努力，一起帮你看看，可以不咯。
Hbuilder MUI input 无法打开软键盘
优快云 分享刚编的总结
01-07 1211
今天遇到了一个问题花了2个多小时终于解决了 我在做登录退出时，手机端，模拟器，登录退出没有问题，正常能够打开软键盘，但是把APP装到实际生产的终端上时，退出到主页面就无法打开软键盘，最后度娘终于找到一个相对靠谱的方法解决了。 代码仅供参考 var webview = plus.android.currentWebview(); plus.android.importClass(webview); webview.requestFocus(); var Context = plus.android.impor
MUI软键盘输入后点击触发搜索按钮事件
zhangsan164的博客
07-27 1122
MUI软键盘输入后点击触发搜索按钮事件
Dcloud Mui H5+移动Web开发 IOS端input无法输入
weixin_30488085的博客
06-06 238
在IOS端发现input标签无法输入，Android端正常。 原因是mui框架的有个css样式 *{ -webkit-user-select: none; } 其作用是禁掉用户可以选中页面中的内容。 添加以下style样式即可 input{ -webkit-user-select: auto; } 【转载请注明出处:http://blog.youkuaiyun.com/l...
ios下引用MUI后input不能输入，Android端正常
03-05 284
原因是mui框架的有个css样式 *{ -webkit-user-select:none; } 其作用是禁掉用户可以选中页面中的内容。 添加以下style样式即可 input{ -webkit-user-select:auto; } 转载于:http...
移动端input解决键盘问题 方案1
01-26 199
$('body').on('focusin', 'input, textarea', function(event) { if(navigator.userAgent.indexOf('Android') > -1 && ...){ var scroll = $(this).offset(); window.scrollTo(0, scroll...
iOS输入视图（如UITextView UITextField）点击时没有弹出键盘输入窗
曲终人散的专栏
03-14 5747
这样的情况大体有三种原因： 1.弹出窗被更高层次的窗口遮挡了，从界面上看不出键盘窗的响应。 2.iOS的输入控件虽然点击了，但是它没有成为第一响应者（First Response，原因是输入视图复写了UIView的－（Bool）canBecomeFirstResponse,但是返回了NO,因此该输入视图没有成为第一响应者，解决办法是返回 YES. 3.UIViewController支持旋转
mui.css和input type=checkbox冲突，导致打不上勾(无法选中)的解决办法.zip
11-15
这个压缩包文件"mui.css和input type=checkbox冲突，导致打不上勾(无法选中)的解决办法.zip"显然是针对一个具体的技术问题，即MUI CSS框架与HTML复选框(input[type="checkbox"])之间存在兼容性问题，导致复选框无法...
ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空
FE-阿阳的博客
12-18 6727
ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空 问题描述 1.我在页面上有个倒计时的功能，每一秒都在更新时间，更新时间显示的值（view一直变） 2.我调用input输入框，准备输入内容，每次倒计时秒数变得时候，光标的内容自动全部清空 具体场景描述请见下图： 解决方案 这个问题是 mpvue 处理定时器和 input 输入框在ios上的兼容问题；问题连接附上： git...
mui input聚焦引起的页面滚动
PHP开发
05-05 1000
mui表单元素 input聚焦引起的页面滚动问题描述问题分析解决方法补充说明 问题描述 如下图：（可以确定是 mui.js引起的） 当页面比较长 出现滚动条，页面中有表单元素input,当聚焦一个input,切换聚焦到另外一个input，页面会自动滚到顶部 。 该问题引起的用户体验极差，每次在页面底部，聚焦一个input 页面就自动滚动到顶部。简直恶心。 该情况发生在ios中 安卓好像没有。在...
ios input框只能输入一次的问题
web_zq的博客
04-30 919
苹果手机 固定定位的元素 在元素内 input 框聚焦的时候 弹出的软键盘占位 失去焦点的时候软键盘消失 但是还是占位的 导致input框不能再次输入 在失去焦点的时候给一个事件 blur() { setTimeout(() => { const scrollHeight = document.documentElement.scrollTop || document.body.scro...
mui在IOS下有时候会input会无法聚焦
qq_36800701的博客
04-24 1310
mui在IOS下有时候会input会无法聚焦方案：给input加上type=”text”
ios下input不能输入，没有光标的原因及解决办法
最新发布
ys_healone的博客
09-13 1823
iphone7P输入框选择后无法输入，也没有光标闪烁，说实话觉得这个问题有点莫名其妙了，因为本身我的iphone14没有这个问题也没碰到过这种bug。开发中有时会设置-webkit-user-select: none;，用来阻止用户的选择内容行为，这会导致input无法选择，无法输入。
mui search 在苹果ios上多次点击才能调出输入法原因分析，简述pointer-events
lianzhang861的博客
07-10 986
mui中的search功能做搜索框还算好用 <div id="search" style="position: fixed;top:40px;left:0;"> <div class="mui-input-row mui-search" id="search" > <input type="search" class="mui-input-clear" ...
解决input在ios和安卓下的兼容性问题
夏天的风
08-05 1257
1. input在ios和安卓下的兼容性问题 input框设置为disabled时在ios与android上样式不一致。 2. 解决方案 根本问题在于：ios会在input框为disabled时做透明度的设置（默认：opactity: 1;），所以无论怎么调整颜色，总会不太一样，以下为清除初默认样式代码： input[disabled],input:disabled,input.disabled{ color: #3e3e3e; -webkit-text-fill-c.
ios上input无法输入值的解决办法
热门推荐
zhanglijiang_2017的博客
07-17 2万+
鉴于自己遇到的坑，被气到了，写一篇文章给大家参考。 页面上的input输入框设置-webkit-user-select:text !important;并且给input的父类加上此样式，最开始百度找的答案是说body里设置了 -webkit-user-select: none;我把这个改掉，还是不行。最终解决方案是在input的父类加上-webkit-user-select:text !...
input 手机端 无法输入
network_dream的博客
09-18 2134
input标签添加style=“-webkit-user-select: auto;”
H5 嵌入在ios app中，input不能输入内容
思渝崖
05-26 774
vue中input框在ios app中不能正常输入
MUI：移动HTML5前端框架的原生UI实践与准备
MUI（Mobile UI）作为一个专注于移动端开发的前端框架，其核心目标是提供与iOS和Android平台高度相似的UI组件，提升用户体验。本文将分两部分展开：使用框架前的准备工作以及主要的UI组件。 首先，为了便于使用MUI...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值