苹果手机ios的input不能输入，不能点

最新推荐文章于 2024-05-06 16:46:18 发布
最新推荐文章于 2024-05-06 16:46:18 发布
阅读量1.1k 收藏
点赞数
文章标签： ios css
原文链接：https://www.cnblogs.com/xi-li/p/10973887.html
版权

在做手机端开发时。遇到问题：input输入框安卓手机可以输入和点击，但是到苹果手机上input输入框就不能点了也不能输入了，原因就是下面这几行css代码的影响，删掉就行了。

-moz-user-select: none; //css 让文字不被选中

-webkit-user-select: none; //禁止移动端用户用鼠标在页面上选中文字

user-select: none; //禁止用户用鼠标在页面上选中文字

养乐多@
关注
ios上单击input输入框无效
hetingtingitsme的博客
06-03 1512
场景：在ios手机上，点击input输入框，很难选中 分析后发现单击很难触发onClick事件，只有双击才会触发这个onClick事件 检查 是否加载了 fastclick 库，移动端一般都会安装这个库，区分双击和单击事件，一般情况下都是因为这个导致的，因此解决办法有两种： 1.去掉fastclick库 2.加一段代码： if ('addEventListener' in document) { document.addEventListener('DOMContentLoad.
解决 - 解决ios input 和textarea不能输入的问题
sunshime的博客
07-19 2482
  写移动端项目总有一些兼容性需要我们解决滴，就比如我现在遇到的问题：ios 无法正常在input和textarea上面输入我们需要的内容，而安卓手机是可以正常输入的，一点问题都没有。那么我现在就给大家分享一下如何解决 ios 上面的问题啦。      解决方法：直接在标签中加入style="-webkit-user-select:text !important" contenteditable="true" 这些代码即可。这里举个栗子： <textarea id="test" styl
uniapp uview u-input ios手机点击不聚焦
lovewangyage的博客
11-14 1088
u-input ios手机点击不聚焦
iOS设备input不能自动focus聚焦的解决方法
最新发布
五颜六色的白
05-06 1003
我出现在这个问题的原因是：刚开始需要隐藏input框，上面有一段文字需要逐个显示出来，这导致文字显示的时候空间不断撑高，input框位置向下移动，所以ios就出现聚焦失败，拉不起键盘的问题。参考资料：https://cloud.tencent.cn/developer/article/1545937。我是在小程序里面遇到的，安卓系统好好地，就ios毛病最多，shit。,聚焦失败，拉不起键盘。解决方案：将input框所在的位置固定，不要让乱移动。解决方案：总结一句话----需要。
IOS系统中微信/浏览器 手机端输入框input无法输入
yangqii的博客
08-11 1434
最近两天做移动端活动页面时，遇到一个问题：IOS系统中，微信移动端的input都不能输入了，本地环境和安卓手机都是没问题的。 这就尴尬了，然后网上搜了一下，有人说可能是user-select导致的，我检查了一下自己的less,果然有相关的重置代码。 那么为什么要加下面这句呢？ input, textarea { -webkit-user-select: none; } 其实是用来禁止用户进行复制选择的。 这是webkit内核浏览器下的一个bug，具体可以参考这篇文章：(https://bugs
解决 input 输入框在 iOS 系统中无法输入内容
m0_67401153的博客
05-16 1094
问题 input 输入框在 Android 系统可以输入和点击，但是在 iOS 系统上 input 输入框无法点击和输入。 解决 去掉下列样式 -webkit-touch-callout:none; -webkit-user-select:none; 或者这样写 *:not(input, textarea) { -webkit-touch-callout: none; -webkit-user-select: none; } 拓展 关于 user-select 属性 定义和用法 user-sel
iOS中input框问题
09-19
在iOS平台上，开发移动应用时，常常会遇到与`input`元素相关的问题，特别是当用户在`input`框中输入时弹出软键盘，会导致页面布局出现一些意料之外的变化。这个问题主要涉及到`fixed`定位的失效，这通常是由于苹果...
去除IOS苹果手机自带按钮样式的方法(推荐)
08-28
本篇文章将详细介绍一种推荐的方法，帮助开发者去除iOS苹果手机自带的按钮样式。 首先，我们需要了解的是，iOS设备的Safari浏览器和其他基于WebKit的浏览器，会在默认情况下为`<input>`标签中的`type="button"`, `...
ios部分机型出现select、input等控件点击后失效不可再次点击dug
qq_40665861的博客
11-12 1014
问题描述 在昨天晚上的时候测试突然告诉我一个问题，在iphone 6s中select选择器在第一次点击后，其他的选择无法点击。整个手机都属于暂时性死机状态。 问题分析 当时首先对代码进行了排查，排除是逻辑方面的问题。经过多方面验证发现只有6s会出现，这是对兼容性进行了进一步的考虑。 多方面兼容后，发现也不是兼容的问题。在一步步的实验中发现当点击后，需要滑动一次才可以继续点击，这个时候发现有可能是弹...
vue移动端项目 ios input框点击无效，需要点击多次
qq_39750019的博客
07-22 873
最近开发，发现vue移动端项目input在ios上点击失效，需要多次点击才可以获取焦点 排查发现导致这个问题是因为项目中引入了FastClick， 这个是解决移动端延迟300毫秒的优化 当使用FastClick 时，输入框在ios上点击输入调取手机自带输入键盘不灵敏，有时候甚至点不出来。而安卓上完全没问题。这个原因是因为FastClick的点击穿透 在全局main.js FastClick.prototype.focus = function(targetElement) { var len.
html ios键盘收回后输入框点不动,iOS下Html页面中input获取焦点弹出键盘时挡住input解决方案...
weixin_32915575的博客
06-04 191
再次测试，效果如下：相比于input被挡住，突兀地出现在页面中间更加可以令人接受，但是多次测试，仍然存在问题：当切换输入法的时候，input框的位置会往下移动，被键盘挡住一部分，而且出现的概率比较高(中英文切换)，效果如下：针对这个问题，后期仍需要继续调试和优化。针对input输入框被虚拟键盘挡住的问题，还有一个类似的解决方案：当软键盘被唤起是，使用scrollTop()方法使input元素滚...
解决ios部分手机键盘弹起导致input无法聚焦的bug
THINK_OF_的博客
12-10 7297
环境：微信浏览器 场景：我们的登录页面，两个输入框，点击获取验证码，弹出一个弹层，弹层采用fixed布局，弹层元素是输入框来输入验证码的 问题：点击弹层input获取焦点后，键盘自动弹起，把页面顶起来了，当点击弹层中处input外区域，键盘自动收起，弹层输入框恢复原位，但是无法聚焦，形成一个bug 测试：测试过程中发现键盘收起后的输入框无法聚焦，但是在之前被键盘顶起来的位置点击居然有效，键盘...
ios移动端input输入框常见问题解决办法
Moon Star
03-29 7056
1、ios端兼容input光标高度 问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上 当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。 出现原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离（行高），当点击输入的时候，光标的高度就自动和父盒子的...
解决 苹果ios input输入框弹出输入法 但是 无法输入内容问题
HHH917的博客
07-20 2045
代码】解决苹果iosinput输入框弹出输入法但是无法输入内容问题。
ios上input无法输入值的解决办法
热门推荐
zhanglijiang_2017的博客
07-17 2万+
鉴于自己遇到的坑，被气到了，写一篇文章给大家参考。 页面上的input输入框设置-webkit-user-select:text !important;并且给input的父类加上此样式，最开始百度找的答案是说body里设置了 -webkit-user-select: none;我把这个改掉，还是不行。最终解决方案是在input的父类加上-webkit-user-select:text !...
android input 点击事件失效,手机端页面遇到的问题及总结
weixin_42300099的博客
05-26 1289
一、盒子等比缩放：image.png将元素的height属性设为0，通过padding-bottom属性确定元素高度，设置合理的padding-bottom值，例如上述的例子中，在宽度为21%时，如果需要高度是宽度的1.62倍，我们可以将padding-bottom取值为34%二、安卓端line-height不起作用，使用padding三、手机端icon使用2倍图标(背景图):.allIcon-a...
ios系统上input输入框无法输入值的解决办法
weixin_43642423的博客
11-08 1万+
有好多做手机端网页开发的朋友常常遇到这种问题,就是苹果系统不能在输入框输入值只要在input 上面加上css样式-webkit-user-select:text !important 或者在父类加上这个样式就可以了 ...
uniapp APPios能不能本地整包更新
05-30
UniApp APP在iOS平台上可以进行本地整包更新，但是需要遵循苹果的应用商店规则和限制。具体来说，iOS平台上的UniApp APP需要使用苹果的应用商店进行分发，每次更新需要经过苹果的审核。如果更新内容不是很大，可以...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值