javascript - 使用 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');
};