禁用HTML输入而不禁用鼠标事件

Question

是否可以在保留鼠标事件的同时禁用HTML输入？

我知道disabled="disabled"也会阻止事件被评估。我需要做的是禁用单击输入元素，但仍然可以识别onmouseover和onmouseout事件（用于切换背景图像）。

请注意，我不是在寻找一种解决方法，例如使用CSS或其他类似方式禁用它。我想让它无法被点击（比如点击图像），但我不能只使用图像。

Answer 1

只读？

 <input readonly="readonly" type="text">

您可以保留鼠标事件，但无法用键盘填充。

Answer 2

您还可以使用css

解决此问题

<input type="text" name="">

input{

 pointer-events: none;

}

Answer 3

如果我理解，您希望单击输入字段，则不希望用户能够在其中写入，但该字段仍未禁用 试试这个

$(document).ready(function () {
  $( "#input_field" ).on('focus',function(){
    $( this ).blur() 
  });
});