設置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錯誤。