使用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（ “只读”）。

Answer 3

使文字字段可编辑

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

使文字字段无法使用

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