使用 JavaScript 使文本框可编辑

Question

我有一个带有 readonly="readonly" 的文本框，这意味着我无法编辑它。但我想要的是当用户双击该文本框时使其可编辑。

我已经尝试过的是：

<input size="10" readonly="readonly" ondblclick="setEditable(this)"/>

在 JavaScript 中：

 function setEditable(i){
     i.readonly = false;
 }

但这不起作用。那么当用户双击文本框时，如何使文本框可编辑（只读）？

Answer 1

更新：

要再次使其只读：

var el = document.getElementById('txt');
el.onblur = function(){
  this.setAttribute('readonly');
};

---

您可以执行以下操作：

<input size="10" readonly="readonly" id="txt" />

JS：

var el = document.getElementById('txt');
el.ondblclick = function(){
  this.removeAttribute('readonly');
};

Answer 2

如上面 sarfraz 的纯 javascript 示例，尝试使您的 javascript 不引人注目
更好的做法

也正如很多人所做的那样，如果你现在页面上有jquery，你可以使用它来做同样的事情

在jquery

$('#txt').removeAttr("readonly");

Answer 3

使文本字段可编辑

document.getElementById("TextFieldId").readOnly=true;

使文本字段不可编辑

document.getElementById("TextFieldId").readOnly=false;