javascript - 如何在 Mozilla Firefox 的只读输入类型文本框中不显示光标

标签 javascript html ruby-on-rails-3 firefox onfocus

我正在使用 Mozlla Firefox vesrion 24.01

我的表单中有一个文本框输入字段,其只读。在 Mozilla 中,当指向该文本框时,我可以看到光标在文本框中闪烁,但在 Chrome 中,情况并非如此。

有什么方法可以让 Mozilla 中不显示光标吗?

我已经搜索了很多,并且看到了一些关于此问题的答案,例如放置

onfocus="this.blur();"

作为输入字段内嵌。但是,这在 HTML 中是有效的。当我尝试使用 Rails text_field_tag 时,它没有采用“onfocus”方法。因此,请建议我一个更好的解决方案来隐藏光标,或者告诉我如何使用 text_field_tagonfocus 事件来实现它。

感谢您的帮助:)

最佳答案

CBroe 的建议奏效了。但是,以 Rails 的方式,

<%= text_field_tag "answer_name",truncate(answer.name,:length=>35), :onfocus => "this.blur();", :style=>"cursor:default;", :readonly => true%>

它成功了。不要忘记添加 CSS 行“cursor: default;”,默认情况下会将指针更改为箭头类型,文本框将具有文本模式指针(您可以看到的指针类型同时通过该区域将答案放入 SO 中)。

这在 IE 中不起作用。因此,最好将 text_field 替换为 div 元素,并将 text_field 设为隐藏字段来执行操作。

谢谢大家。 :)

关于javascript - 如何在 Mozilla Firefox 的只读输入类型文本框中不显示光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22606453/

相关文章:

javascript - 如何编写 Jest 配置文件

javascript - 图例没有附加到 div 中,而是打印在 div 之外

javascript - 在 AWS Lambda 上调用异步函数

jquery - 获取图像源路径并设置为 div 容器中的背景图像

javascript - 创建包含给定月份中的天数的 JavaScript 对象

javascript - html弹出面板用javascript打开,工作在本地主机但不在服务器端工作

html - 如果在输入 [类型 ='number'] 中插入字母表,如何停止光标移动?

ruby-on-rails - 在 Rails Controller 规范中模拟外部类

ruby-on-rails - 如何在带有图像的 link_to 中添加跨度

ruby-on-rails - Ruby on Rails : Trying to understand Undefined method, nil:NilClass