ios中 input[readonly] 仍然可聚焦出现光标并弹出“完成”面板问题

最新推荐文章于 2024-06-12 20:15:29 发布
最新推荐文章于 2024-06-12 20:15:29 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： html 前端
前端 同时被 2 个专栏收录
27 篇文章 1 订阅
订阅专栏
html
7 篇文章 0 订阅
订阅专栏

除readonly外 还需要添加

unselectable="on" onfocus="this.blur()"

如果我的文章有帮上什么忙并且您也愿意赏个脸 就扫码领个红包吧(～￣▽￣)～

在这里插入图片描述

白茶SyraTi
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
浅谈html中input只读属性readonly和disable的区别
09-28
在某些情况下，如果仅包含`<input>`（如`text`、`password`）和`<textarea>`的表单，使用`readonly`代替`disabled`可能是可行的，但这可能导致问题。例如，如果表单中有`<select>`元素，用户在`readonly`状态下仍能...
javascript中input中readonly和disabled区别介绍
10-27
- 通过JavaScript，我们可以动态地改变一个输入元素的`readonly`属性，例如在上述例子中，`modify_phone`函数可以将`readonly`的输入框变为可编辑。 2. **`disabled` 属性**： - `disabled`属性适用于所有表单...
input 禁止出现键盘 （ios完成）
weixin_30951389的博客
09-11 752
<input id="demo2" type="text" readonly="readonly" name="input_date" onfocus='this.blur();' placeholder="日期和时间选择特效" /> 转载于:https://www.cnblogs.com/nns4/p/7503401.html
input 在IOS设置 readonly，光标依然停留
Stavin Li的博客
11-16 477
解决办法： input 增加以下属性 onfocus="this.blur();
input的disabled 属性和 readonly 属性的区别是什么？
最新发布
tianxianghuiwei的博客
06-12 182
然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。：当一个输入元素被设置为只读时，用户不能修改其值，但它仍然会随表单一起提交。：当一个输入元素被禁用时，它不能与用户交互，并且其值不会随表单一起提交。此外，禁用的元素通常以不同的样式显示，以指示它们是非活动的。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。
ios input 添加 readonly 属性，光标依旧还在的解决办法
weixin_30765319的博客
12-08 156
　　最近在做一个h5混合开发的项目，用了一个日历插件，给input设置了readyonly属性，安卓可以了，但是ios依然不可以，于是想了个解决办法，在input聚焦时马上让它失去焦点,这样可以规避光标显示了，代码如下 　　<input type="text" readonly unselectable="on" onfocus="this.blur()" value="点我啊"/>...
ios input为readonly后，点击input会弹起软键盘
namemui的博客
07-25 2609
&lt;input type="number" readonly="readonly" unselectable="on" onfocus="this.blur()" id="number" name="number" placeholder="人数"/&gt; 在input中添加unselectable="on" onfocus
怎么解决输入框失去焦点以后光标跑到输入框外面去的问题
weixin_42594427的博客
01-11 442
在 HTML 中，可以通过在输入框失去焦点后设置光标的位置来解决这个问题。可以使用 JavaScript 来控制光标的位置。具体实现方式如下: 在输入框的 "onblur" 事件中，获取输入框的 DOM 元素。 使用 DOM 元素的 "setSelectionRange" 方法来设置光标的位置。 例如: <inputtype="text" id="myInput" onblur="s...
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
09-02
在本文中，我们将深入探讨如何使用Bootstrap框架创建一个在当前网页上弹出并可关闭的非弹窗对话框。Bootstrap的模态框功能提供了一种优雅的方式来展示额外的内容，而无需离开当前页面或打开新的窗口。 首先，让我们...
ios input添加readonly属性，光标还在的解决方法
yayayayaya123456的博客
11-19 430
最近在做一个h5混合开发的项目，用了一个日历插件，给input设置了readyonly属性，安卓可以了，但是ios依然不可以，于是想了个解决办法，在input聚焦时马上让它失去焦点,这样可以规避光标显示了，代码如下 &amp;lt;input type=&quot;text&quot; readonly unselectable=&quot;on&quot; onfocus=&quot;this.blur()&quot; value=&quo
移动端-input怎么清除光标
小白
11-20 7556
问题： 1、ios浏览器和ie9已下（包括ie9）浏览器都有input设置readonly之后input还有聚焦的问题。 2、ios input 添加 readonly unselectable=”on” 属性，光标依旧还在 解决的方法有两种 1、设置input的disabled属性——会使input的事件失效。 2、input聚焦时马上让它失焦，代码： $('input[read...
ios中设置readonly还会有光标？
mrhaoxiaojun的博客
05-15 843
在input上添加 unselectable=”on” onfocus=”this.blur()” 即可
js实现复制粘贴(兼容IOS 9.3)以上版本
填了个大空℃
09-16 334
/* HTML */ <!-- 复制按钮 --> <div class="copyBtn" onclick="copyContent('adas1165465165');">复制淘口令</div> <input id="copy_content" type="text" value="" style="position: fixed;top: -100px;z-index: -10;" /> /*js*/ // 点击复制 function copyCon
input获得焦点和失去焦点
aihuobing7181的博客
12-12 443
总结：placeholder因为在IE7 8 9 浏览器不支持所以没用它效果：当input获取光标的时候如果是默认提示则input内容为空。如果不是则为输入内容 当失去光标的时候，如果input内容为空，则恢复默认提示，如果不是则为输入内容 jquery中获取input的值用val() 设置使用$('input').val('内容')而不是$(...
iOS-属性关键字
weixin_61558111的博客
09-02 759
如果不可变对象用strong修饰的话，由于strong修饰属性在设置新值时，在setter方法中保留新值、并释放旧值，将新值设置上去，此时与原对象指向的是同一地址。strong 是对象的默认属性关键字，此特质表明该属性定义了一种“持有关系”，为这种属性设置新值时，设置方法既会先保留(retain)新值，并释放(release)旧值，然后再将新值设置上去。当原对象为可变对象时，将原对象赋给strong修饰的不可变对象，修改原对象，那我们不可变的对象的值也会随之改变。
【IOS】 readonly IOS下实战入门
weixin_34029680的博客
04-27 65
当非常多XXX.h 文件属性YY设计中，对外的设计是 YY(readonly) 时。外界便不能改动该属性， 同一时候问题也来了，该XXX类的内部也不能改动改YY属性了。你瞬间凌乱过么。。。Y_Y 然后就发现例如以下两种方法： 一：指针 永远不要小看指针的力量，在内部能够用 obj-&gt;_YY 的方式改动YY属性了，这样的方式也确实 有点让人YY // 瞬间变红有...
解决ios 上input设置readonly依然存在光标
shao.zq的博客
07-05 2452
&lt;input type="number" readonly unselectable="on" onfocus="this.blur()"/&gt; unselectable属性作用 在IE浏览器中，当input获得焦点时，点击有unselectable=”on”属性的标签时，不会触发onblur事件。 onfocus=”this.blur()”方法作用 获取焦点时调用失去焦点事件...
解决 input 添加 readonly 后，ios 仍然出现光标问题
catchRun的博客
02-19 1066
  当 input 设置为 readonly 后，ios上仍然是可输入文字的，为防止光标存在，我们还需要添加两个属性： unselectable="on" onfocus="this.blur()"
html的标签中unselectable=on属性的作用
热门推荐
jsbuzhidao的专栏
11-01 1万+
在HTML中，如果把一个的readonly属性设置为"readonly"，表示这个表单元素不能编辑。但是，鼠标点击之后，这个表单元素还是有光标存在的。此时点击回退键，会引起页面回退。可以加上UNSELECTABLE='true'属性，取消光标的出现。
input 聚焦不弹键盘
09-09
在手机版页面上，如果想要input聚焦但不弹出软键盘，可以采用以下几种方法： 1. 使用uniapp自带方法uni.hideKeyboard()来隐藏软键盘。这种方法可以在进入页面时使用，调用该方法后软键盘将不会弹出。 2. 使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值