使只讀字段不可點擊

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>