禁用的文本字段不会触发单击事件？

Question

我有一个禁用的文本字段，我希望在单击它时启用它。不幸的是，文本字段的 click() 事件似乎在被禁用时不会触发。

有没有办法解决这个问题？

Answer 1

不幸的是，禁用控件也会禁用其事件（这是设计使然）。

要解决该限制，您可以添加一个绝对位于<input> 字段上方的<div>（更高的z-index）并将click() 事件附加到该<div>。单击后，处理 <div> 并启用您的 <input>。

如果您只想阻止用户更改<input> 的值，请使用readonly 而不是disabled。这不会禁用事件处理程序。

$('#myInput').attr('readonly', true);