我有一个带有readonly =“ readonly”的文本框,这意味着我无法对其进行编辑.但是我想要的是当用户双击它时使该文本框可编辑.

我尝试过的是：

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

在JavaScript中：

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

但这是行不通的.那么,当用户双击文本框时,如何使其成为可编辑的文本框呢？

解决方法:

更新：

使其再次变为只读：

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