javascript - 如何在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;
};

为了做你想做的事，你需要稍微作弊，只需重置（再次设置）输入的值，它就会按照你的意愿工作。

在这里演示

Answer 2

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

这会奏效！