使只读字段不可单击

还可以使用属性 disable 使输入不可用和不可单击。我认为这是更清晰和有效的方式。

以下是readonly和disable之间的区别：

<div>
  <input disabled type="text">
  <input readonly type="text">
  <input type="text">
</div>

聚焦输入时调用模糊事件。

<input readonly onfocus="this.blur">

我搜索了一下，我在这里找到了解决方案。

<input type="text" readonly="readonly" id="#unclickable" />
<script>
  $("#unclickable").focus(function(){
  $(this).blur(); 
  });
</script>

我找到了更好的解决方案来解决您的问题:)

假设您有一个输入字段：<input type = "text" id = "textfield" >

您需要修改 2 件事，1:您的 HTML 声明应如下所示： <input type = "text" id = "textfield" readonly>2:转到您的 css 并添加以下代码行

#textfield:hover{
cursor:default;
}
#textfield:focus{
cursor:default;
outline:none;
}

说明：它仍然可以单击，但我们正在删除由于单击事件而发生的任何默认样式更改为无。 即手动删除出现的白色边框。因此，您几乎可以模拟未单击任何内容的效果。