如何在javascript中激活点击按钮的文本输入

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

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

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

注意：-我对激活文本输入的想法是光标（|）在其中闪烁。也许激活不是一个正确的词，但我不知道该怎么称呼它

---

编辑：-我尝试了focus（），使用focus（）时出现的问题是文本输入中的默认值被自动选中，这不是我想要的，我想将光标（|）放在该值之后。

试试这个，我想

focus（）

就是您想要的：

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

要想做你想做的事情，你需要做一些欺骗，只要重置（再次设置）输入的值，它就会按照你的意愿工作

---

这会有用的

这就是焦点。专注（）@AdityaPonkshe，太好了！但问题是文本输入中的值被自动选中。@adityaponksher，你看到演示了吗？我的坏人没有注意到链接，是的，你的演示正在运行，这意味着我做错了什么。请看这个。我认为这将帮助您将光标指针放在末尾。

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