ios input 添加 readonly unselectable="on" 属性，光标依旧还在，怎么清除光标

最新推荐文章于 2021-06-09 13:52:45 发布
原创 最新推荐文章于 2021-06-09 13:52:45 发布 · 3.8k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ios #android

本文介绍了一种解决iOS设备上HTML输入框点击后出现光标的问题的方法，并提供了适用于iOS及Android平台的代码示例。 
<input type="text" readonly unselectable="on" value="点我啊"/>

ios中 点击input依旧有光标
安卓 机正常 


<input type="text" readonly unselectable="on" onfocus="this.blur()" value="点我啊"/>

这样ios也正常了

使用focus方法让光标默认停留在INPUT框
12-10
<body onload="document.getElementById('inputTxt').focus()"> <input type="text" id="inputTxt" />
用js一次改变多个input的readonly属性值的方法
10-25
在给定的文件中，主要讲解了如何利用JavaScript（简称js）一次性改变多个`input`元素的`readonly`属性值。此操作特别适用于需要在某些情况下对多个输入框进行统一控制的场景，例如，根据用户权限的不同，允许或者不...
ios input添加readonly属性，光标还在的解决方法
yayayayaya123456的博客
11-19 507
最近在做一个h5混合开发的项目，用了一个日历插件，给input设置了readyonly属性，安卓可以了，但是ios依然不可以，于是想了个解决办法，在input聚焦时马上让它失去焦点,这样可以规避光标显示了，代码如下 &amp;lt;input type=&quot;text&quot; readonly unselectable=&quot;on&quot; onfocus=&quot;this.blur()&quot; value=&quo
ios无法自动取消input输入
qq_34290262的博客
03-19 267
使用keyboard插件，监听touchend事件，通过event.target判断点击的element是否为可输入类型。如果不是，则延迟取消掉input 的选中。 延迟要超过页面渲染的时间，100毫秒时间太短，可能会造成页面的原本点击事件失效。 ...
iOS WKWebView时 input 设置 readonly 光标仍显示问题处理
tianyitianyi1的专栏
10-16 2462
或  全局设置input 不可得到焦点
<input id="F_Password" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" unselectable="on">
最新发布
08-12
<input id="F_Password" type="text" class="form-control" isvalid="yes" checkexpession="NotNull" readonly="readonly" unselectable="on"> ``` ### 各个属性解释如下： - `id="F_Password"`： - 设置该输入框...
[removed]为input设置readOnly属性(示例讲解)
12-08
设置readOnly属性  <textarea name=”content” id=”content” cols=”27″ rows=”6″></textarea>  var cObj = document.getElementById(“content”);  cObj.setAttribute(“readOnly”,’true’...
浅谈html中input只读属性readonly和disable的区别
09-28
首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它使得用户无法修改已有的内容，但用户仍可以聚焦并看到内容。一个重要的特性是，当表单以`POST`或`GET`方式提交时，`readonly`...
linux下vim对于意外退出的文档的再次开启
ljp1919的专栏
09-11 7176
1、对于同一个文件如果上次已经打开，而未关闭的情况下，又打开该文件进行编辑时，会出现如下提醒： 这是由于已经打开但未闭关的文件，会在其目录下出现一个.swp的文件，由于是属于隐藏文件，可以用命令l.  对其进行查看。需要将该swp文件进行删除，才不会再出现1中那些提醒。 2、删除的语句 rm -rf .trans.sh.swp 由于是隐藏的文件，不能够使用rm -rf
h5 ios微信浏览器 input获取焦点后，收起软键盘，光标错位
weixin_30699443的博客
05-07 650
整个页面布局如下: 外层设置fixed的原因是不让页面在浏览器中进行上下拖拽, 最后形成的结果是：输入框获取焦点输入内容后，光标错位，导致不能选中输入框重新获取焦点（页面上移，但是布局未产生影响）; 解决 改变页面布局: 外层fixed取消,改用 display:flex布局，将内容分为3部分，中间内容flex-grow: 1; 好了 给input设置fixed或者...
解决 input 添加 readonly 后，ios 仍然出现光标问题
catchRun的博客
02-19 1159
  当 input 设置为 readonly 后，ios上仍然是可输入文字的，为防止光标存在，我们还需要添加两个属性： unselectable="on" onfocus="this.blur()"
html中属性的作用,html的标签中 unselectable=on 属性的作用
weixin_39931362的博客
06-09 973
在IE浏览器中，当input获得焦点时，点击有unselectable="on"属性的标签时，不会触发onblur事件。加上该属性的元素不能被选中。< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">< html>< head>< title>html的标签unselecta...
unselectable(ie) 属性在编辑器中的一个应用
zhangw428的专栏
03-03 6628
做在线编辑器时，遇到了一个ie丢失焦点的问题。 现象是：“为文本编辑器做的一个颜色选择器，在firefox中一切正常。在ie中却出现了很怪的问题，选中文本后点击“改变文字颜色”按钮，选择颜色后，选中文字颜色不变，光标跳到了文档的开头……而且每次点“改变文字颜色”，光标都跳到最前面”。 这实质上就是ie不保存焦点造成的问题，一个比较取巧的解决方案就是利用ie的unselectabel
IE中HTML标签的unselectable=on属性与文本框失去焦点的问题
iteye_16726的博客
06-03 815
[code="java"] window.onload=function(){ document.getElementById("txt").onblur = function(){ alert("文本框失去焦点"); } } ...
html的标签中 unselectable=on 属性的作用
weixin_34321977的博客
06-27 2008
在IE浏览器中，当input获得焦点时，点击有unselectable="on"属性的标签时，不会触发onblur事件。 加上该属性的元素不能被选中。 < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">< html> < head> &...
Form表单input框设置可编辑与失效（readonly）
qq_39024372的博客
10-12 8349
1.form框 input type="text" name="phone" id="phone" value="" readonly/>    a href="javascript:;" onclick="jump()" id="chgph">更换手机号码a> 2.jquery代码 script type="text/javasc
html的标签中unselectable=on属性的作用
热门推荐
jsbuzhidao的专栏
11-01 1万+
在HTML中，如果把一个的readonly属性设置为"readonly"，表示这个表单元素不能编辑。但是，鼠标点击之后，这个表单元素还是有光标存在的。此时点击回退键，会引起页面回退。可以加上UNSELECTABLE='true'属性，取消光标的出现。
el-input在ie浏览器下readonly属性出现光标
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
03-24 990
可以使用UNSELECTABLE attribute，加上该属性的元素不能被选中。 https://docs.microsoft.com/en-us/previous-versions/windows/internet-explorer/ie-developer/platform-apis/hh801966(v=vs.85) <el-input type="text" readonly unselectable="on"></el-input> 在IE浏览器中，当input获得焦点
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值