使只读字段不可点击

Question

在我的表格中，我使用的是只读字段。

如何使这个readonly字段无法点击我不想使用禁用的字段，只是让readonly字段无法点击任何人有想法plz共享。

Answer 1

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

<input readonly onfocus="this.blur">

Answer 2

您还可以使用属性disable使输入无法使用且无法点击。我认为这是更清晰有效的方式。

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

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

Answer 3

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

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