javascript - html 禁用的文本字段应该允许由 javascript 进行的更改

Question

我有一个文本字段，应该禁用用户操作，但应该在另一个用户操作后由 javascript 填充。这有可能吗？

可以是js、css甚至html做的解决方案。

Answer 1

如果没有一些代码来说明您的情况，很难确定，但这样的事情可能就足够了:

function updateTextbox() {
  document.getElementById('text').value = 'Value updated through JavaScript'
}

<input id="text" type="text" disabled="disabled"  />

<button id="update" onclick="updateTextbox()">Update Textbox</button>

将 disabled="disabled" 添加到您的输入中将禁止用户输入它，但仍然可以通过 javascript 进行更改。

编辑:如果您想通过单击元素来更改值(如评论中所建议的那样)，这会有点困难，因为元素在禁用时不会触发单击事件。然而，我们可以在输入前使用一个不可见元素作为变通方法:

function update() {
  document.getElementById('textbox').value="Updated from hidden element click!"
}

<div style="position: relative;">
  <input type="text" id = "textbox" disabled="disabled" style="width: 250px; height: 20px;"/>

  <!-- You'll need to account for default border/padding on input elements when styling -->
  <div onclick="update()" id="invisible" style="position: absolute; left: 0; top: 0; height: 26px; width: 254px;"></div>
</div>