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