javascript - Jquery - 禁用文本框，但仍捕获该区域的点击事件

Question

如问题所述，我正在 try catch 对禁用的文本框的点击。

现在，可能有更好的方法来做到这一点，但现在我还不知道。基本上我有一个禁用的文本框，它位于一个 div 中。它只是一个占位符。我有一个事件可以捕获对其父 div 内任意位置的点击。因为文本框被禁用，所以这不起作用。

有没有人知道一种方法:

1. 保持文本框处于启用状态，但不允许用户输入任何内容或显示光标。 (本质上使它只是一个用户根本无法与之交互的静态文本框)

或

1. 像我现在一样禁用文本框，但继续捕获点击事件。

这是输入的样子:

<li id="test_id" class="selected">
  <label id="" for=""> Untitled</label>
  <input id="text" type="textbox" name="default" disabled="disabled">
  <div class="field_actions">
  <span class="propertiesTip"></span>
</li>

这就是点击事件处理程序的样子:

$('#parent').on('click' , 'li, label, textbox', function (event) { /*...*/ }

这会处理 div 内任意位置的点击。如果它被禁用，它在文本框上不起作用。有人以前遇到过这个并有解决方案吗？提前致谢

Answer 1

我知道有人提到了这一点，但我会使用只读。您可以使用 CSS 将其设置为看起来已禁用，甚至可以将光标更改为您想要的任何内容，如下所示:

input.myDisabledInput {

color: grey;
background-color: lightgray;
cursor:default

}