设置readOnly = false IE后无法更改文本

Question

我有此示例代码，并且它不能仅在IE中工作。 是否有IE错误？

<input type="text" readonly="true" onclick="setReadonlyfalse(this)" />

<script type="text/javascript">
    function setReadonlyfalse(ed){
        ed.readOnly = false;
    }
</script>

我正在模拟一种情况，在网格显示编辑器后，我收到服务器的响应，将编辑器设置为readonly = false。 （它使用readonly = true呈现）

编辑：

我正在使用ExtJS 3.4，并且代码执行此操作：

/**
 * Sets the read only state of this field.
 * @param {Boolean} readOnly Whether the field should be read only.
 */
setReadOnly : function(readOnly){
    if(this.rendered){
        this.el.dom.readOnly = readOnly;
    }
    this.readOnly = readOnly;
}

edit2 ：我调整了代码，使其更正确

<input type="text" readonly="readonly" onclick="removeReadonly(this)" value="hehehe" />
<script type="text/javascript">
    function removeReadonly(ed){
        ed.removeAttribute("readonly");
    }
</script>

Answer 1

以编程方式从元素中移除readonly属性，然后将readOnly设置为false 。

ed.removeAttribute('readonly'); // only needed the first time
ed.readOnly = false;

是的，这是一个IE错误。