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

时间:2013-08-05 12:45:03

标签: javascript html css

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

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

此功能使文本输入可写并将背景更改为白色,但只有在我点击它后才会激活。

注意: - 我对激活文本输入的想法是光标(|)在其中闪烁。可能激活它不是一个正确的单词,但我不知道还有什么可以调用它。< / p>

编辑: - 我试过focus(),使用focus()的问题是我的文本输入中的默认值是自动选中,这不是我想要的,我想放光标( |)之后的值。

2 个答案:

答案 0 :(得分:3)

试试这个,我认为focus()正是您所寻找的:

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

要做你想做的事你需要作弊,只需重置(再次设置)输入的值,它就能按你的意愿工作。

<强> DEMO HERE

答案 1 :(得分:0)

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

这会有效!