IE8下input框设置成readonly后仍然有光标

最新推荐文章于 2023-04-07 10:54:51 发布
原创 最新推荐文章于 2023-04-07 10:54:51 发布 · 4.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种站内检索功能的实现方式，通过设置只读的文本输入框并禁用选择功能，来引导用户使用特定的搜索词汇进行查询。

解决办法：

<input type="text" readonly class="select-box" checkid="1" value="站内检索" unselectable="on">

unselectable="on"

ie11兼容问题汇总及解决方案
jingyuandi的博客
06-04 2万+
最近的项目涉及ie11的兼容，简直是各种奇葩问题扑面而来。为了加强记忆或者给其他小伙伴福利，赶紧汇总记录了下来： 1.样式问题：部分属性iE不兼容，例：   a.    white-space: nowrap ：nowrap 不生效   解决方法：添加一行样式： word-break: keep-all   b.    inherit 属性不生效、避免在ie中使用该属性 2.原生js部分属性...
【javascript】简易编辑器-关于复制、粘贴、获取光标像素位置
z767327552的专栏
03-17 919
一、制作一个简单的编辑器会有几种方式？ 文本框 input 文本域 textarea 使用属性contenteditable,让一个div可编辑。 二、简单的编辑器涉及到复制、粘贴的问题 复制、粘贴的东西来自于剪切板Clipboard。 Clipboard API提供了响应剪贴板命令（剪切、复制和粘贴）与异步读写系统剪贴板的能力。从权限 Permissions API 获取权限之后，才能访问剪贴板内容；如果用户没有授予权限，则不允许读取或更改剪贴板内容。 2.1如何进行简单的粘贴呢？ 粘贴分为本文和图片
el-input在ie浏览器下readonly属性出现光标
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
03-24 988
可以使用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获得焦点
解决Html IE8 readonly的 textbox 中还有 光标
binyao02123202的专栏
10-03 4380
HTML code html> P> TEXTAREA WRAP="PHYSICAL" ROWS="5" STYLE="font-weight: bold;" ID="aTextarea" UNSELECTABLE="on"> This text cann
input标签中设置readonly属性后光标显示问题
c_staunch的博客
04-04 3794
IE、火狐浏览器中，在HTML中,如果把一个&lt;input&gt;的readonly属性设置为"readonly",表示这个表单元素不能编辑。但是,鼠标点击之后,这个表单元素还是有光标存在的。 以下方法可以解决这个问题： 1.设置属性 disabled="disabled"， &lt;input type="text" id="id" style="width:250px;heigh
在IE9下,disabled的文本框内容被选中后,其他控件无法获得焦点问题
xyuan_07的专栏
02-23 688
通过实际测试发现，在ie9下，鼠标一旦进入disabled的文本框，比如在里面拖拽鼠标并选中一些内容，然后再想把鼠标挪开，比如挪到第二个文本框中，或者比如点击以下关闭按钮，就会发现，办不到了，似乎disabled文本框的焦点永远无法离开了，其他文本框或者按钮永远获得不到焦点，除非用tab键切换，或者干脆切换到其他软件界面后再转回来，这时别的控件才可以被点中。   经过测试，在ie6,
解决 input 添加 readonly 后，ios 仍然出现光标问题
catchRun的博客
02-19 1158
  当 input 设置为 readonly 后，ios上仍然是可输入文字的，为防止光标存在，我们还需要添加两个属性： unselectable="on" onfocus="this.blur()"
input点击后placeholder中的提示消息消失
09-02
在HTML5中，`placeholder`属性是一个非常实用的功能，它允许开发者在`input`元素内设置提示信息，当用户未输入任何内容时，这个提示信息会显示在输入框内。通常，`placeholder`的文本会在用户点击输入框并获得焦点时...
js控制input输入字符解析
10-26
通过设置input元素的readonly属性，并给定value值，可以限制输入框的值只能显示不能被修改。 7. 防止小数点输入： 如果要限制输入只能是数字而不包括小数点，可以在onkeyup事件中使用正则表达式匹配非数字字符，...
让readonly无法聚焦
最新发布
09-12
根据引用[1]和[3]，在IE浏览器中，即使设置了readonly属性，输入框仍然可以聚焦（光标可点击进入），这可能会导致用户误操作（比如按退格键触发浏览器返回）。 解决方案是给input元素添加`unselectable='on'`属性...
html的标签中unselectable=on属性的作用
jsbuzhidao的专栏
11-01 1万+
在HTML中，如果把一个的readonly属性设置为"readonly"，表示这个表单元素不能编辑。但是，鼠标点击之后，这个表单元素还是有光标存在的。此时点击回退键，会引起页面回退。可以加上UNSELECTABLE='true'属性，取消光标的出现。
input设置为disable，不能点击
热门推荐
only_neo的博客
03-26 2万+
今天项目中遇到了一个小问题，用的vue，封装了一个模拟的input，点击后可以弹出dialog，绑定的点击事件放在了引用的那里    &lt;div class="dialogInput"&gt; &lt;span class="el-input__prefix"&gt; &lt;i class="el-input__icon el-icon-search"...
element el-input 自动获取焦点和IE下光标位置解决方法
weixin_30649641的博客
09-18 3721
在实际开发中我们经常会碰到这样的场景，就是有input的地方都喜欢切换过去input自动获取焦点。 如果这个问题是在input中，很容易就实现了，但是element里面的el-input看源码，其实不只是一个input，所以aotofocus 这个属性便不生效了。 解决方法网上也有不同的例子，比如vue的自定义指令，当然包括全局和组件的，但是我建议一种比较简单的写法： this.$nextT...
当 el-input 组件处于禁用状态时，其 click 事件依然会被触发
to_the_Future的博客
04-07 3770
当 el-input 组件处于禁用状态时，其 click 事件依然会被触发
如何设置input标签为只读（用于设置选择和显示）
幽默工作室
01-10 1万+
方法 1 强烈推荐：鼠标移到文本框变成小手图标。 <input type="text" id="defaultAddress"  name="defaultAddress" class="input" value="" onfocus=this.blur() />  是一个输入框，用户输入文本的框就是类似于百度的搜索框    value=""说明初始
解决input 有readonly属性 各个浏览器的光标兼容性问题
qq_34740408的博客
12-25 4615
目标：input 只能读，但是在ie、火狐浏览器下，设置了readonly属性还是会有光标出现！（希望去掉光标） 解决办法： 设置   unselectable='on'属性 ie浏览器会没有光标但是会清除placeholder的内容，在火狐浏览器下不起作用 按上述的设置属性则会没有光标并且也不会清除placeholder的内容。
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> &...
html 文字不可选择,有没有办法在HTML页面上使文本无法选择？
weixin_42520025的博客
06-03 413
慕婉清6462132在大多数浏览器中，这可以使用CSS实现：*.unselectable{-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;/*IntroducedinIE10.Seehttp://ie.microsoft.com/tes...
html按钮不可选中,如何使HTML文本不可选择
weixin_28920823的博客
06-23 1798
小编典典用普通的HTML无法做到这一点，因此JSF在这里也无法为您做很多事情。如果您仅针对体面的浏览器，则只需使用CSS3：.unselectable {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none...
input设置成readonly，如何再赋值
05-31
如果将 `input` 元素的 `readonly` 属性设置为 `true`，那么该元素就无法再被用户修改。如果你需要动态地修改 `input` 元素的值，可以通过 JavaScript 代码来实现。 首先，你需要获取这个 `input` 元素的引用，可以使用 `document.getElementById()` 方法或者 `document.querySelector()` 方法来获取。例如，如果你的 `input` 元素的 `id` 属性设置为 `myInput`，那么你可以这样获取它的引用： ```javascript var myInput = document.getElementById("myInput"); ``` 或者 ```javascript var myInput = document.querySelector("#myInput"); ``` 然后，你可以使用 `value` 属性来设置 `input` 元素的值： ```javascript myInput.value = "新的值"; ``` 注意，尝试修改 `input` 元素的值时，需要确保 `readonly` 属性已经被移除或设置为 `false`。否则，你仍然无法修改 `input` 元素的值。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值