如何设置输入文本字段的默认光标属性？

Question

function editButtonClicked(){
    var txtEle = document.getElementById("txtUsername");
    txtEle.style.disabled = false;
    txtEle.style.cursor = "auto";
    txtEle.style.background="white";
}

#txtUsername{
  cursor:not-allowed;
}

<form>
  <input type="text" id="txtUsername" value="some text" disabled="disabled">
  <input type="button" id="btnEdit" value="edit" onclick="editButtonClicked()">
</form>

我有一个form，其中包含一些输入文本字段，编辑按钮对应于每个文本字段。 最初，textfield处于禁用状态，游标属性为not-allowed。单击Edit按钮后，我想启用textfield并将cursor属性设置为浏览器默认值。

function btnUEditClick() {
    var txtEle = document.getElementById("txtUsername");
    txtEle.style.disabled = false;
    txtEle.style.cursor = "default";
}

但问题是将光标属性设置为default后我无法编辑textfield。

我该如何解决这个问题？

Answer 1

您正在更改disabled属性的值，而不是样式属性。所以这一行：

txtEle.style.disabled = false;

应该是这样的：

txtEle.disabled = false;

Answer 2

您使用错误的方法启用元素并专注于字段

这样做

function btnUEditClick() {
    var txtEle = document.getElementById("txtUsername");
    txtEle.disabled = false;
    document.getElementById("txtUsername").focus();
}