如何激活按钮上的文本输入单击javascript

Question

我正在尝试使用按钮激活文本输入。 我的功能是这样的。

function showHide4() 
{ 
document.getElementById('snack').readOnly=false; 
document.getElementById('snack').style.backgroundColor"#ffffff"; 
} 

该函数使文本输入可写，并将背景更改为白色，但只有在单击它后才会激活。

注意： - 我对激活文本输入的想法是光标（|）在其中闪烁。也许激活是不正确的词，但我不知道还有什么叫它。我试过focus（），使用focus（）时的问题是我的文本输入中的默认值是自动选择的，这不是我想要的，我想把光标（|）放在那个之后值。

Answer 1

试试这个，我觉得focus()是你在找什么：

function showHide4() { 
    var el = document.getElementById('snack'); 
    el.readOnly = false; 
    el.style.backgroundColor = "#ffffff"; 
    el.focus(); 
    el.value = el.value; 
}; 

要你需要骗了一下，刚复位（重新设置），你想要的输入值，它会如你所愿地工作。

DEMO HERE

Answer 2

function showHide4() 
{ 
document.getElementById('snack').readOnly = false; 
document.getElementById('snack').style.backgroundColor = "#ffffff"; 
document.getElementById('snack').focus(); 
} 

这将工作！