如何动态更改文本框的焦点?

时间:2014-04-11 11:11:07

标签: javascript textbox focus

我正在处理与html页面交互的脚本。

html页面有两个文本框和一个提交按钮

每次按下发送按钮,文本框上的焦点都会从第一个移动到第二个,依此类推。

到现在为止,我无法onFocus与代码进行交互。谁能帮助我弄清楚如何解决它?

我发现了这个:http://www.w3schools.com/jsref/event_onfocus.asp

这是我的HTML代码:

<html>
<input type="text" id="c1"><br>
<input type="text" id="c2"><br>
<input type="button" id="enter" onClick="focus();">

<script>
function focus()
{

}
<script>
</html>

2 个答案:

答案 0 :(得分:2)

您需要对要聚焦的元素使用focus()方法:

function focus()
{
    document.activeElement.nextSibling.focus();
}

每次单击按钮时都应将焦点移动到下一个dom元素。

编辑:

你可以这样写:

function focus()
{
    if (document.activeElement.getAttribute('id') == 'c1'){
        document.getElementById('c2').focus();
    }else {
        document.getElementById('c1').focus();
    }

}

答案 1 :(得分:0)

基本上你想要做的就是检查表格是否已被填写?如果没有,它会关注尚未填写的特定领域?