如何設置輸入文本字段的默認遊標屬性？

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並將光標屬性設置爲瀏覽器默認值。

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

但問題是設置光標財產default我不能編輯textfield後。

我該如何解決這個問題？

來源

2017-11-11 Nasir Islam Sujan

當問一個關於由你的代碼有問題的問題，你會得到更好的答案，如果你提供的功能例如，人們可以用它來重現問題。請參閱：[如何創建最小，完整和可驗證示例]（http://stackoverflow.com/help/mcve）。您也可以點擊標題中的<<>圖標添加演示。謝謝！ –

改變默認爲自動 – samehanwar

-1

您正在使用錯誤的方法，使一個元素，注重現場

這將做

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

來源

2017-11-11 08:22:23 Ashish451

這將是更好的解釋_爲什麼有一個問題。而且，關於重點也沒有問題。 –

你改變disabled屬性，而不是一個樣式屬性的值。所以這條線：

txtEle.style.disabled = false;

應該是這樣的：

txtEle.disabled = false;

來源

2017-11-11 08:27:55

如何設置輸入文本字段的默認遊標屬性？

回答

相關問題